@import"https://fonts.googleapis.com/css2?family=Anton&family=Cutive+Mono&family=Grand+Hotel&family=Grandiflora+One&family=Monoton&family=Nixie+One&family=Noto+Sans+JP&family=Tsukimi+Rounded:wght@300&family=Zeyada&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--Anton: "Anton", sans-serif;--Tsukimi: "Tsukimi Rounded", sans-serif;--Noto: "Noto Sans JP", sans-serif;--grandHotel: "Grand Hotel", cursive}body{background:#0F1A20;color:#d9d9d9}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-thumb{background:#d9d9d9}::-webkit-scrollbar-track{background:#000}.myContainer{display:grid;grid-template-areas:"content"}.myNavbar,.listNavbar,.titleNavbar{display:flex}.myNavbar{padding:0;height:auto;align-items:center;justify-content:space-between;padding-right:2rem;position:fixed;width:100%;background-color:#0f1a20;z-index:2}.titleNavbar{width:22%;align-items:center;justify-content:center;font-family:var(--Anton);background:#5f9ea095;border-bottom:1px solid #0F1A20;padding:.7rem .5rem}.titleNavbar a{text-decoration:none;color:unset}.titleNavbar h3{text-shadow:1px 1px 10px #000000ae;margin:auto;text-align:center;font-size:23px}.listNavbar{list-style:none;gap:2rem;font-family:var(--Anton);margin:0}.listNavbar li{padding:0;font-family:var(--Anton);font-size:14px;color:#d9d9d9de;cursor:pointer}.listNavbar li:hover{color:#5f9ea0;font-weight:700}.myContent{grid-area:content}.listContent{width:100%;list-style:none;display:grid;grid-template-areas:"myFoto myFoto myFoto myFoto aboutMe aboutMe workArea workArea workArea" "imgIlustrate imgIlustrate aboutExperience aboutExperience aboutExperience aboutExperience aboutExperience myDog myDog" "formation formation formation formation projects projects technologies technologies technologies" "hobbies hobbies contact contact contact contact contact imgIlustrate2 imgIlustrate2";padding:0;margin:0}.listContent li{height:36rem;border:3px solid #0F1A20}.contentListAll{display:flex;align-items:center;justify-content:center;width:auto}.contentAll{display:flex;flex-direction:column;text-align:center;gap:1.5rem;position:absolute;width:300px}.contentAll h3{font-family:var(--Anton)}.contentAll p{font-family:var(--Tsukimi)}.contentAll a{text-decoration:none;color:#ff3f3f}.subTitle{position:absolute;transform:translateY(240px);font-family:var(--Anton);text-transform:uppercase;text-align:center;z-index:1}#myFoto{grid-area:myFoto;background:url(/Meu_Portfolio/assets/IMG_20230221_081848_4-b34aad57.jpg) #00000055;background-size:cover;background-position:center;background-blend-mode:darken;transition:all .4s ease-in-out}#myFoto:hover{background-color:#0000001b;cursor:pointer}#aboutMe{grid-area:aboutMe;background:#4683b48c;padding:0 4.5rem}.aboutMeContent span{color:#ff3f3fba}.aboutMeContent p{font-size:15px;width:80%;margin:auto}#workArea{grid-area:workArea;background:url(/Meu_Portfolio/assets/workArea-ecb37a78.jpg) #00000055;background-size:cover;background-position:50% 80%;background-repeat:no-repeat;background-blend-mode:darken;transition:all .4s ease-in-out}#workArea:hover{background-color:#0000001b;cursor:pointer}#imgIlustrate{grid-area:imgIlustrate;background:#4683b48c;display:flex;align-items:center;justify-content:center}#imgIlustrate img{position:absolute;width:16%}#aboutExperience{grid-area:aboutExperience;background:#5f9ea095;display:flex;flex-direction:column;justify-content:center;align-items:center}.slideExperience{position:absolute;width:47%;display:flex;justify-content:center}.contentSlideExperience{width:70%}.contentSlide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;height:27.4rem;text-align:center;font-family:var(--Tsukimi);padding:.4rem;width:100%}.contentSlide h3{font-family:var(--Anton);margin-top:1rem;color:#ff3f3fba}.contentSlide span{font-size:13px}#myDog{grid-area:myDog;background:url(/Meu_Portfolio/assets/doguinho2-98230abf.jpg) #00000055;background-size:cover;background-position:50% 56%;background-blend-mode:darken;padding:4rem;transition:all .4s ease-in-out}#myDog:hover{background-color:#00000031;transition:all .4s ease-in-out;cursor:pointer}#formation{grid-area:formation;background:#4683b48c}#formationParagraph{font-size:13px;margin-top:1rem}#projects{grid-area:projects;background:url(/Meu_Portfolio/assets/code-gec9a82adc_1280-6309983d.jpg) #00000072;background-size:cover;background-position:50% 20%;background-blend-mode:darken;background-attachment:fixed;background-repeat:no-repeat;cursor:pointer}#projects h3{color:#d9d9d9;cursor:pointer;transition:all .2s ease-in-out}#projects h3:hover{scale:1.1}#allProjects{display:flex;align-items:center;justify-content:center;height:100vh}.contentListProjects{width:100%;position:absolute}.contentProjects{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;background-size:cover!important;background-blend-mode:darken!important;background-color:#000000c3!important}.contentProjects h3{font-family:var(--Anton)}.contentProjects span{color:#ff3f3f}.contentProjects p{font-size:18px;background:#0F1A20;text-shadow:1px 1px #000;font-family:var(--Tsukimi);padding:2rem 3rem;width:100%}.btnProjects{display:flex;gap:1.5rem}.btnProjects button:nth-child(2),.btnProjects a{padding:.3rem .6rem;border-radius:5px}.btnProjects button:hover{scale:1.1}.btnProjects a{background:#ff3f3fc9!important}.btnProjects button:nth-child(2){background:#4683b4d2!important}.btnProjects button,.btnProjects a{background:unset;border:none;text-decoration:none;color:#d9d9d9;font-family:var(--Anton);font-size:13px;transition:all .4s ease-in-out}#projectOne{background:url(/Meu_Portfolio/assets/projeto_clone-b6ecfa57.png)}#projectTwo{background:url(/Meu_Portfolio/assets/projeto_mensagem_oculta-98772752.png)}#projectThree{background:url(/Meu_Portfolio/assets/projeto_sweet_cine-d24f9449.png)}#projectFour{background:url(/Meu_Portfolio/assets/projeto_adoteAqui-aac12cbe.png)}#projectSix{background:url(/Meu_Portfolio/assets/projeto_pagina_pessoal-1b9082b4.png)}#projectSeven{background:url(/Meu_Portfolio/assets/projeto_frontenders-fed71f34.png)}#projectEight{background:url(/Meu_Portfolio/assets/projeto_candy_store-1096bdcf.png)}#projectNine{background:url(/Meu_Portfolio/assets/projeto_react_flix-d9eb7003.png)}#technologies{grid-area:technologies}.techLogos{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.techLogos img{width:50px;transition:all .4s ease-in-out}.techLogos img:hover{scale:1.2;cursor:pointer}#hobbies{grid-area:hobbies;background:url(/Meu_Portfolio/assets/hobbies2-adfbddf6.jpg) #00000055;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-blend-mode:darken;transition:all .4s ease-in-out}.myHobbies{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background:#0000009f;height:100%;width:100%}.myHobbies h3{font-family:var(--Anton)}.myHobbies ul{display:flex;flex-direction:column;align-items:center;list-style:none;padding:0;gap:1rem}.myHobbies ul li{height:auto;font-family:var(--Tsukimi);font-size:15px;cursor:pointer;transition:all .4s ease-in-out;border:unset}.myHobbies li:hover{scale:1.2}.myHobbies li img{width:34px}#contact{grid-area:contact;background:#5f9ea095}.contactContent h3,.contactContent a{color:#ff3f3fba}.contactContent a{font-size:16px;font-family:var(--Anton)}.contactContent img{width:50px;margin-right:.4rem}#imgIlustrate2{grid-area:imgIlustrate2;background:#4683b48c;display:flex;align-items:center;justify-content:center}#imgIlustrate2 img{width:16%;position:absolute}.myFooter{margin-top:.1rem}.listFooter{display:flex;gap:.4rem;list-style:none;width:100%;height:4rem;padding:0;margin:0}.listFooter li{width:33.3%;font-family:var(--Anton)}.listFooter li a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-decoration:none;gap:.4rem;transition:all .4s ease-in-out}.listFooter img{width:27px;margin:0}.listFooter h3{margin:auto 0;font-size:20px;color:#d9d9d9}.listFooter li:nth-child(1) a{background:#1C1C1C}.listFooter li:nth-child(1) a:hover{background:#363636}.listFooter li:nth-child(1) h3{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.listFooter li:nth-child(2) a{font-family:var(--Noto);font-weight:700;gap:0;background:#157aada9}.listFooter li:nth-child(2) a:hover{background:#157bad}.listFooter li:nth-child(3) h3{font-family:var(--grandHotel);font-size:25px}.listFooter li:nth-child(3) a{background:#ff3f3fa5}.listFooter li:nth-child(3) a:hover{background:#ff3f3fd1}@media (max-width: 1000px){.myNavbar{font-size:17px}.btnRes{display:block}.titleNavbar{width:60%}.titleNavbar h3{font-size:20 px}.listNavbar li{font-size:13px}.listContent{grid-template-areas:"myFoto" "aboutMe" "workArea" "imgIlustrate" "aboutExperience" "myDog" "formation" "projects" "technologies" "hobbies" "imgIlustrate2" "contact"}#projects{background-attachment:unset}#imgIlustrate,#imgIlustrate2{display:none}.listContent li{border:none;border-top:1px solid #0F1A20;border-bottom:1px solid #0F1A20}.aboutMeContent p,.aboutMeContent{width:100%;padding:0 .4rem}#imgIlustrate,#imgIlustrate2{height:20rem}.slideExperience{width:100%}.contentSlideExperience{width:80%;align-items:center}.contentSlide,.contentProjects p,.contentAll{font-size:14px}:is(#imgIlustrate,#imgIlustrate2) img{width:14rem}.listFooter h3{font-size:17px}.listFooter li:nth-child(3) h3{font-size:21px}}