*{margin:0;padding:0}html{background:linear-gradient(45deg,#e06536,#e09e36,#e08336,#e13e2d,#e0b336);font-family:Roadstone;height:111%}header{display:flex;justify-content:center;background:var(--marrom)}.title{color:#f5f5f5;text-shadow:4px 4px #f5f5f550;margin:20px;text-align:center;display:flex;justify-content:center;align-items:center;font-size:70px}.content{display:flex}.title-content{margin-top:20px;text-align:center;font-size:50px}.about{position:absolute;left:94%}.nav{max-width:1280px;height:70px;position:relative;top:45px;left:600px}.nav-list a{font-size:18px;color:#fff;padding-block:16px}.hamburger{display:none;border:none;background:none;border-top:3px solid #fff;cursor:pointer}.hamburger:after,.hamburger:before{content:" ";display:block;width:30px;height:3px;background:#fff;margin-top:5px;position:relative;transition:.3s}.hamburger{display:block;z-index:2}.nav-list{display:flex;list-style:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--marrom);clip-path:circle(100px at 90% -15%);transition:1s ease-out;flex-direction:column;justify-content:flex-start;align-items:center;gap:0px;pointer-events:none;z-index:1}.nav-list li:nth-child(1) a{transition:.5s .2s}.nav-list li:nth-child(2) a{transition:.5s .4s}.nav-list li:nth-child(3) a{transition:.5s .6s}.nav.active .nav-list{clip-path:circle(3000px at 90% -15%);pointer-events:all}.nav.active .nav-list a{opacity:1}.nav.active .hamburger{position:fixed;top:26px;right:16px;border-top-color:transparent}.nav.active .hamburger:before{transform:rotate(135deg)}.nav.active .hamburger:after{transform:rotate(-135deg);top:-7px}.form-content{position:relative}label{color:#000;padding:0 5px;position:absolute;transform:translate(-50%);top:30%;left:5em;pointer-events:none;transition:1s}input{color:var(--preto);text-shadow:2px 2px #ffffff71;border:2px solid black;background:transparent;border-radius:5px;width:250px;height:50px;padding:0 1rem;outline:none}input:focus~label,input:valid~label{top:-3px;background-color:#e79f63;font-size:.7em}.result{position:absolute;text-align:center}.button{border-radius:25px;background-color:var(--claro);height:60px;width:200px;border:2px solid var(--preto);color:var(--preto);text-align:center;align-items:center;display:flex;justify-content:center;padding:2px;margin:10px;box-shadow:5px 5px var(--sombra)}.button:hover{background-color:var(--laranja-escuro);color:#fff;text-shadow:2px 2px var(--sombra)}.menu-button{border-radius:25px;background-color:var(--claro);height:50px;width:150px;border:2px solid var(--preto);color:var(--preto);text-align:center;align-items:center;display:flex;justify-content:center;margin:0;box-shadow:5px 5px var(--sombra)}.menu-button:hover{background-color:var(--laranja-escuro);color:#fff;text-shadow:2px 2px var(--sombra)}#position-button1{position:relative;bottom:80px;left:13%}#position-button2{position:relative;top:25px;left:10%}.link{text-decoration:none;color:var(--preto);display:block;flex-wrap:wrap;gap:100px;padding:1px}.link-button{text-decoration:none;color:var(--preto);position:absolute;right:87%}.glass{width:20%;height:50%;display:flex;justify-content:center;border-radius:37px;position:absolute;left:40%;overflow:hidden;align-items:center;border:1px solid white}.glass-content{position:absolute}.glass:before{position:absolute;top:0;left:0;content:"";background:inherit;width:100%;height:100%;box-shadow:inset 0 0 2000px #ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.group{background-color:var(--marrom)}.about-text{margin:5%;width:30%;height:50%;text-align:justify;padding-top:3%;border-radius:25px}.text{color:#fff;text-shadow:2px 2px var(--sombra)}.image{position:absolute;top:30%;left:47%;height:500px;width:900px;border-radius:25px;box-shadow:15px 15px 5px 12px var(--sombra);border:10px double var(--preto)}#about-image{height:40px;width:40px;top:35px;position:relative;right:1750px}.initial-image{position:absolute;left:20%;bottom:0%;border-radius:25px;box-shadow:30px 30px 12px 5px var(--sombra)}:root{--marrom: #915f3f;--laranja: #f7be65;--claro: #ffdfc0;--vermelho: #bf6d60;--preto: #2f2935;--sombra: #2f2935a5;--laranja-escuro: #604a26}@font-face{font-family:Roadstone;src:url(/assets/ROADSTORE-Dafont-DIM_ROGx.woff) format("woff")}