*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth!important}:root{--primary-color:#ff9800;--secondary-color:#3f3f3f;--bg-body-color:#0b090c;--text-color:#fff;--bg-button-color-hover:#a0650d;--fs-body:1.6rem;font-family:Work Sans,sans-serif;font-size:62.5%}body{background:var(--bg-body-color)}nav{background:var(--secondary-color);opacity:.8;border:solid;border-radius:1rem;justify-content:space-between;align-items:center;margin:1rem;padding:0 1rem;display:flex}.home{animation:.9s ease-in-out .3s both top-down}.sobre{animation:.9s ease-in-out .6s both top-down}.projetos{animation:.9s ease-in-out .9s both top-down}.contato{animation:.9s ease-in-out 1.2s both top-down}.box-logo{height:18rem}.letter-D{color:var(--primary-color);font-optical-sizing:auto;font-family:Noto Sans Bassa Vah,sans-serif;font-size:11rem;font-style:normal;font-weight:400;animation:.7s ease-in-out both slide-br;position:absolute}.letter-M{font-optical-sizing:auto;z-index:1;-webkit-animation:.8s ease-in-out both slide-tl;color:var(--primary-color);text-shadow:-4px -4px #3f3f3f,4px -4px #3f3f3f,-4px 4px #3f3f3f,4px 4px #3f3f3f;font-family:Noto Sans Bassa Vah,sans-serif;font-size:11rem;font-style:normal;font-weight:400;animation:1.4s ease-in-out .5s both slide-tl;position:absolute;top:9.5rem;left:10rem}#word-DEVMAROTO{font-optical-sizing:auto;z-index:2;color:var(--primary-color);background:var(--secondary-color);border:none;border-radius:1rem;padding:.5rem;font-family:Noto Sans Bassa Vah,sans-serif;font-size:1.1rem;font-style:normal;font-weight:800;animation:3.5s ease-in-out 1.2s both bounce-in-fwd;position:absolute;top:10rem;left:4.8rem}.box-img-logo .logo{width:15rem;height:15rem}h1,h2,h3,h4,h5{color:var(--text-color);text-transform:uppercase;font-size:3.9rem}p{color:var(--text-color);font-size:clamp(1.6rem,1vw,2rem)}#nav-main{gap:5rem;margin-left:13rem;list-style:none;display:flex}a{color:var(--text-color);font-size:var(--fs-body);text-transform:uppercase;text-decoration:none}a:visited{color:#fff}a:hover,a:focus,a:active{outline:none;color:var(--primary-color)!important}#nav-main li a{font-weight:700;transition:all .7s}#nav-main li a:hover{text-shadow:0 0 10px var(--primary-color);transition:all .5s}.checkbox-container{justify-content:center;align-items:center;display:flex}.checkbox-wrapper{cursor:pointer;width:10rem;height:10rem;transition:all .4s ease-in-out;display:flex}.checkbox{cursor:pointer;z-index:9999;justify-content:center;align-items:center;width:10rem;height:10rem;margin-right:10rem;transition:all .4s ease-in-out;display:flex;position:absolute}#toggle{display:none}.checkbox .trace{background-color:var(--primary-color);border-radius:4px;width:5rem;height:.4rem;transition:all .5s ease-in-out;position:absolute}main{justify-content:center;align-items:center;gap:10rem;padding:10rem 5rem 5rem;display:flex}.box-img{justify-content:center;display:flex}.img-main{border-radius:100rem;animation:2s infinite alternate glow}.box-about-photo{justify-content:center;display:flex}.box-main strong{color:var(--primary-color);text-shadow:0 0 10px var(--primary-color);animation:2s infinite alternate glow-text}#container-about{justify-content:center;align-items:center;gap:10rem;margin-bottom:30rem;padding:10rem 5rem 5rem;display:flex}.img-about{border-radius:100rem;animation:2s infinite alternate glow}.box-main{flex-direction:column;gap:2rem;width:48rem;animation:3s ease-in-out 1s both slide-right;display:flex}.box-description{flex-direction:column;gap:2rem;width:48rem;animation:8s ease-in-out 1s both slide-left;display:flex}#container-project{width:34rem;margin:0 auto;display:grid}.project-wrapper{gap:3rem;display:grid}.box-h3{flex-direction:column;gap:1.5rem;display:flex}.box-h4{flex-direction:column;gap:2rem;margin-top:63px;display:flex}.box-project-video{border:.5rem solid var(--primary-color);width:34rem;height:40rem;box-shadow:0 0 10px var(--primary-color);background:var(--secondary-color);border-radius:1rem;flex-direction:column;padding-right:1rem;transition:all .5s;display:flex;overflow:hidden}.box-project{border:.5rem solid var(--primary-color);width:34rem;height:40rem;box-shadow:0 0 10px var(--primary-color);background:var(--secondary-color);border-radius:1rem;flex-direction:column;padding:.6rem;transition:all .5s;display:flex;overflow:hidden}.text-wrapper{flex-direction:column;justify-content:space-between;gap:.5rem;height:21.5rem;padding:1.6rem;display:flex}.title-project{font-weight:800}.description-title{font-size:1.5rem;font-weight:700}.container-button{justify-content:center;gap:2rem;display:flex}#button-play,#button-github{background:0 0;border:none;width:2.5rem;height:2.5rem}.ph-play{color:var(--text-color);font-size:2.5rem;transition:all .7s}.ph-play:hover{color:var(--primary-color);transition:all .5s}.ph-github-logo{color:var(--text-color);font-size:2.5rem;transition:all .7s}.ph-github-logo:hover{color:var(--primary-color);transition:all .5s}.box-project-video:hover,.box-project:hover{cursor:pointer;transition:all .5s;transform:scale(1.1)}.container-tech-language{max-width:84rem;margin:3rem auto 0;padding:1.5rem;position:relative}.gallery-wrapper{overflow-x:auto}.gallery-tech-language{flex-flow:row;gap:1.5rem;display:flex}.arrow-left,.arrow-right{text-align:center;width:4rem;color:var(--text-color);cursor:pointer;background:linear-gradient(to left, transparent 0%, var(--bg-body-color) 200%);border:none;font-size:2rem;line-height:15rem;transition:all .6s ease-in-out;position:absolute;inset:0 auto 0 -2rem}.arrow-right{background:linear-gradient(to right, transparent 0%, var(--bg-body-color) 200%);left:auto;right:-2rem}.arrow-left:hover,.arrow-right:hover{opacity:1}.item{opacity:.5;border:.5rem solid var(--text-color);object-fit:contain;flex-shrink:0;width:15rem;height:11.5rem;transition:all .6s ease-in-out}.current-item{opacity:1;border:.5rem solid var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.gallery-wrapper::-webkit-scrollbar{display:none}.gallery-wrapper{-ms-overflow-style:none;scrollbar-width:none}#container-contact{width:51.5rem;margin:0 auto;padding:30rem 0}#form{background:var(--secondary-color);border:solid .5rem var(--primary-color);width:51.5rem;box-shadow:0 0 10px var(--primary-color);border-radius:1rem;margin-top:6.3rem;padding:3.5rem}fieldset{border:none}.fieldset-wrapper{flex-direction:column;gap:2.5rem;display:flex}legend{color:var(--text-color);text-transform:uppercase;font-size:2rem;font-weight:700}label{color:var(--text-color);font-size:var(--fs-body);margin-bottom:.8rem}.box-name,.box-email,.box-textarea{flex-direction:column;display:flex}textarea{border:none;border-radius:1rem;width:100%;height:15rem;padding:1rem}.box-button{border-radius:0 0 1rem 1rem;height:4.5rem;margin:0 auto}#button{text-transform:uppercase;width:25rem;height:3.5rem;color:var(--text-color);background:var(--primary-color);box-shadow:0 0 10px var(--primary-color);border:none;border-radius:1rem;padding:0 1rem;font-weight:700;transition:all .6s}#button:hover{background-color:var(--bg-button-color-hover);box-shadow:0 0 10px var(--bg-button-color-hover);transition:all .3s}#name,#email{border:none;border-radius:1rem;width:100%;height:3.5rem;padding:0 1rem}footer{background:var(--secondary-color);opacity:.8;border:solid;border-radius:1rem;justify-content:center;align-items:center;height:5rem;margin:1rem;padding:0 1rem;display:flex}footer p{font-size:1.2rem}@keyframes slide-tl{0%{opacity:0;transform:translateY(0)translate(0)}to{opacity:1;transform:translateY(-4rem)translate(-4rem)}}@keyframes slide-br{0%{opacity:0;transform:translateY(-1.5rem)translate(-1.5rem)}to{opacity:1;transform:translateY(1.5rem)translate(1.5rem)}}@keyframes bounce-in-fwd{0%{opacity:0;animation-timing-function:ease-in;transform:scale(0)}38%{opacity:1;animation-timing-function:ease-out;transform:scale(1)}55%{animation-timing-function:ease-in;transform:scale(.7)}72%{animation-timing-function:ease-out;transform:scale(1.5)}81%{animation-timing-function:ease-in;transform:scale(.84)}89%{animation-timing-function:ease-out;transform:scale(1.5)}95%{animation-timing-function:ease-in;transform:scale(.95)}to{animation-timing-function:ease-out;transform:scale(1)}}@keyframes top-down{0%{opacity:0;transform:translateY(-3.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(-3.5rem)}to{opacity:1;transform:translate(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(3.5rem)}to{opacity:1;transform:translate(0)}}@keyframes glow-text{0%{text-shadow:0 0 15px #ff9800}to{text-shadow:0 0 80px #ff9800}}@keyframes glow{0%{box-shadow:0 0 15px #ff9800}to{box-shadow:0 0 80px #ff9800}}@media (min-width:1118px){.checkbox-container{visibility:hidden}#container-project{width:113rem;margin:0 auto}.project-wrapper{flex-direction:column;grid-template-columns:repeat(3,38rem);gap:3rem .3rem;width:111.6rem;margin:6.3rem auto 0;display:grid}.container-tech-language{max-width:84rem;margin:3rem auto 0;padding:1.5rem;position:relative}}@media (min-width:769px) and (max-width:1118px){.checkbox-container{visibility:hidden}#container-project{width:72rem;margin:0 auto;display:grid}.project-wrapper{flex-direction:column;grid-template-columns:repeat(2,38rem);gap:3rem .3rem;width:111.6rem;margin:6.3rem auto 0;display:grid}.container-tech-language{max-width:69rem;margin-left:2rem;padding:1.5rem;position:relative}}@media (max-width:768px){.checkbox-container{visibility:visible}.box-logo{height:13rem}.letter-D{z-index:9999;font-size:7.5rem}.letter-M{z-index:9999;font-size:7.5rem;top:8.5rem;left:9.1rem}#word-DEVMAROTO{z-index:9999;font-size:.7rem;top:7.4rem;left:4.6rem}#nav-main{display:none}.menu-items-hamburguer{z-index:2;opacity:0;visibility:hidden;background-color:var(--secondary-color);justify-content:center;align-items:center;width:100%;height:25vh;transition:all .4s ease-in-out;display:flex;position:fixed;top:0;left:0}.ul-menu-hamburguer{flex-direction:column;align-items:center;gap:1.5rem;margin-top:5rem;list-style-type:none;display:flex}.ul-menu-hamburguer a{color:var(--text-color);font-size:var(--fs-body);text-transform:uppercase;font-weight:700;list-style:none;transition:all .7s}a:hover{color:var(--primary-color)}.ul-menu-hamburguer li a:hover{text-shadow:0 0 10px var(--primary-color);transition:all .5s}h1,h2,h3,h4,h5,h6{font-size:2.8rem}main{flex-direction:column;gap:6rem;display:flex}.box-main{z-index:-1;padding:0 10rem}#container-about{flex-direction:column;gap:6rem;display:flex}.img-main,.img-about{width:80%}.box-description{z-index:-1;padding:0 10rem}.box-h3{margin-bottom:3rem}.box-project-video{max-width:51rem}.container-tech-language{max-width:31rem;margin:3rem auto 0;padding:1.5rem;position:relative}.current-item{z-index:-1}#container-contact,#form{width:32.5rem}}input{border-radius:1rem;width:25rem;height:3.5rem;padding:0 1rem}.checkbox .trace:first-child{top:2.6rem;transform:rotate(0)}.checkbox .trace:nth-child(2){top:4.6rem;transform:rotate(0)}.checkbox .trace:nth-child(3){top:6.6rem;transform:rotate(0)}#toggle:checked+.checkbox .trace:first-child{background-color:var(--primary-color);top:4.7rem;transform:rotate(45deg)}#toggle:checked+.checkbox .trace:nth-child(2){visibility:hidden;opacity:0;width:3rem;transform:translate(-100px)}#toggle:checked+.checkbox .trace:nth-child(3){background-color:var(--primary-color);top:4.8rem;transform:rotate(-45deg)}#toggle:checked+.checkbox{background-color:var(--secondary-color)}#toggle:checked~.menu-items-hamburguer{visibility:visible;opacity:1}