:root{--fs-h1:2.75rem;--fs-h2:2rem;--fs-h3:1.65rem;--fs-h4:1.125rem;--fs-h5:1rem;--fs-xs:0.825rem;--e-xxs:4px;--e-xs:8px;--e-sm:16px;--e-md:24px;--e-lg:32px;--e-xl:48px;--e-2xl:64px;--e-3xl:80px;--bk-xs:30rem;--bk-sm:40rem;--bk-md:48rem;--bk-lg:64rem;--bk-xl:80rem;--shadow-tw:rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;--shadow-deep:rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;--scale:1}html[data-theme="dark"]{color-scheme:dark;--clr-primary:#F8981C;--clr-secondary:hsl(315, 71%, 40%);--clr-brown:hsl(33, 96%, 40%);--clr-soft-blue:hsl(315, 41%, 15%);--clr-dark-blue:hsl(315, 71%, 40%);--clr-soft-brown:hsl(33, 96%, 10%);--clr-black:#FFF;--clr-gray:hsl(0, 0%, 25%);--clr-white:#1E2019;--clr-red:hsl(0, 100%, 75%)}html[data-theme="light"]{color-scheme:light;--clr-primary:#F8981C;--clr-secondary:#007DC2;--clr-brown:#935303;--clr-dark-blue:#006399;--clr-soft-blue:#CCEDFF;--clr-soft-brown:#FDE9CE;--clr-black:#000000;--clr-gray:#F1F1F1;--clr-white:#FFF;--clr-red:hsl(0, 100%, 50%)}.switch{position:relative;display:inline-block;width:calc(var(--scale) * 60px);height:calc(var(--scale) * 34px)}.fade-in{opacity:0;transition:opacity ease-in 0.7s}.fade-in.active{opacity:1}.switch #switch-theme{opacity:0;width:0;height:0}.switch-theme__slider{position:absolute;cursor:pointer;inset:0;background-color:#2196f3;transition:0.4s;z-index:0;overflow:hidden}.sun-moon{position:absolute;content:"";height:calc(var(--scale) * 26px);width:calc(var(--scale) * 26px);left:calc(var(--scale) * 4px);bottom:calc(var(--scale) * 4px);background-color:#ff0;transition:0.4s}#switch-theme:checked+.switch-theme__slider{background-color:#000}#switch-theme:focus+.switch-theme__slider{box-shadow:0 0 calc(var(--scale) * 1px) #2196f3}#switch-theme:checked+.switch-theme__slider .sun-moon{transform:translateX(calc(var(--scale) * 26px));background-color:#fff;animation:rotate-center 0.6s ease-in-out both}.moon-dot{opacity:0;transition:0.4s;fill:gray}#switch-theme:checked+.switch-theme__slider .sun-moon .moon-dot{opacity:1}.switch-theme__slider.round{border-radius:calc(var(--scale) * 34px)}.switch-theme__slider.round .sun-moon{border-radius:50%}#moon-dot-1{left:calc(var(--scale) * 10px);top:calc(var(--scale) * 3px);position:absolute;width:calc(var(--scale) * 6px);height:calc(var(--scale) * 6px);z-index:4}#moon-dot-2{left:calc(var(--scale) * 2px);top:calc(var(--scale) * 10px);position:absolute;width:calc(var(--scale) * 10px);height:calc(var(--scale) * 10px);z-index:4}#moon-dot-3{left:calc(var(--scale) * 16px);top:calc(var(--scale) * 18px);position:absolute;width:calc(var(--scale) * 3px);height:calc(var(--scale) * 3px);z-index:4}#light-ray-1,#light-ray-3,#light-ray-2{position:absolute;z-index:-1;fill:#fff;opacity:10%}#light-ray-1{left:calc(var(--scale) * -8px);top:calc(var(--scale) * -8px);width:calc(var(--scale) * 43px);height:calc(var(--scale) * 43px)}#light-ray-2{left:-50%;top:-50%;width:calc(var(--scale) * 55px);height:calc(var(--scale) * 55px)}#light-ray-3{left:calc(var(--scale) * -18px);top:calc(var(--scale) * -18px);width:calc(var(--scale) * 60px);height:calc(var(--scale) * 60px)}.cloud-light,.cloud-dark{position:absolute;animation-name:cloud-move;animation-duration:6s;animation-iteration-count:infinite}.cloud-light{fill:#eee}.cloud-dark{fill:#ccc;animation-delay:1s}#cloud-1{left:calc(var(--scale) * 30px);top:calc(var(--scale) * 15px);width:calc(var(--scale) * 40px)}#cloud-2{left:calc(var(--scale) * 44px);top:calc(var(--scale) * 10px);width:calc(var(--scale) * 20px)}#cloud-3{left:calc(var(--scale) * 18px);top:calc(var(--scale) * 24px);width:calc(var(--scale) * 30px)}#cloud-4{left:calc(var(--scale) * 36px);top:calc(var(--scale) * 18px);width:calc(var(--scale) * 40px)}#cloud-5{left:calc(var(--scale) * 48px);top:calc(var(--scale) * 14px);width:calc(var(--scale) * 20px)}#cloud-6{left:calc(var(--scale) * 22px);top:calc(var(--scale) * 26px);width:calc(var(--scale) * 30px)}@keyframes cloud-move{0%{transform:translateX(0)}40%{transform:translateX(calc(var(--scale) * 4px))}80%{transform:translateX(calc(var(--scale) * -4px))}100%{transform:translateX(0)}}.stars{transform:translateY(calc(var(--scale) * -32px));opacity:0;transition:0.4s}.star{fill:#fff;position:absolute;transition:0.4s;animation-name:star-twinkle;animation-duration:2s;animation-iteration-count:infinite}#switch-theme:checked+.slider .stars{transform:translateY(0);opacity:1}#star-1{width:calc(var(--scale) * 20px);top:calc(var(--scale) * 2px);left:calc(var(--scale) * 3px);animation-delay:0.3s}#star-2{width:calc(var(--scale) * 6px);top:calc(var(--scale) * 16px);left:calc(var(--scale) * 3px)}#star-3{width:calc(var(--scale) * 12px);top:calc(var(--scale) * 20px);left:calc(var(--scale) * 10px);animation-delay:0.6s}#star-4{width:calc(var(--scale) * 18px);top:calc(var(--scale) * 0px);left:calc(var(--scale) * 18px);animation-delay:1.3s}@keyframes star-twinkle{0%{transform:scale(1)}40%{transform:scale(1.2)}80%{transform:scale(.8)}100%{transform:scale(1)}}*,*::after,*::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:Roboto,Ubuntu,'Open Sans',sans-serif}body{display:flex;flex-direction:column;min-height:100vh;width:100%}main{flex-grow:1}h1,.h1{font-size:var(--fs-h1);font-weight:800;color:var(--clr-secondary)}h2,.h2{font-size:var(--fs-h2);font-weight:800;color:var(--clr-dark-blue)}h3,.h3{font-size:var(--fs-h3);font-weight:800;color:var(--clr-dark-blue)}h4,.h4{font-size:var(--fs-h4);font-weight:600}p,.h5{font-size:var(--fs-h5);line-height:1.5}.section{max-width:var(--bk-xl);margin-block:var(--e-md);margin-inline:auto;padding-inline:var(--e-md)}.section h2,.section .h2{margin-bottom:var(--e-xs)}.section--projects .h2{margin-bottom:var(--e-md)}.section p{max-width:80ch}.text-white{color:#fff}.text-var-blue{color:var(--clr-dark-blue)}.page-header{background-color:var(--clr-gray);width:100%;position:sticky;z-index:3;top:0;left:0;box-shadow:var(--shadow-tw)}.navbar{max-width:var(--bk-xl);margin-inline:auto;padding:var(--e-sm) var(--e-md);display:flex;justify-content:space-between;align-items:center}.navbar__brand{position:relative;z-index:3;width:3.25rem;padding:var(--e-xs);border-radius:100%;box-shadow:var(--shadow-deep)}.hamburger{--hamburguer-size:40px;display:block;cursor:pointer;background-color:var(--clr-dark-blue);height:var(--hamburguer-size);width:var(--hamburguer-size);position:relative;z-index:2;border:none;border-radius:var(--e-xs)}.hamburger .bar{position:absolute;width:var(--e-sm);height:2px;background:var(--clr-white);margin-inline:auto;inset:0;transition:0.3s ease}.hamburger .bar:nth-child(1){top:calc(var(--e-lg) / 4 * 1.7)}.hamburger .bar:nth-child(2){top:calc(var(--e-lg) / 4 * 2.5)}.hamburger .bar:nth-child(3){top:calc(var(--e-lg) / 4 * 3.3)}.navbar.active .hamburger .bar:nth-child(1){transform:rotate(45deg);top:calc(var(--e-lg) / 4 * 2.5)}.navbar.active .hamburger .bar:nth-child(2){opacity:0}.navbar.active .hamburger .bar:nth-child(3){transform:rotate(-45deg);top:calc(var(--e-lg) / 4 * 2.5)}.navbar.active .navbar__link-list{padding:var(--e-3xl) var(--e-lg);margin-inline:auto;clip-path:circle(1500px at 90% -15%);pointer-events:all}.navbar.active .navlink{opacity:1}.navbar.is-mobile .navlink{width:100%;flex-grow:1}.navbar.is-mobile .navlink a{display:grid;place-content:center;width:100%;height:100%;cursor:pointer}.navbar__link-list{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--clr-gray);clip-path:circle(100px at 90% -15%);transition:1s ease-out;display:flex;flex-direction:column;justify-content:space-around;align-items:center;pointer-events:none;list-style:none;gap:var(--e-sm)}.navlink{opacity:0;transition:0.5s ease}.page-footer{padding:var(--e-md);background-color:var(--clr-dark-blue);color:var(--clr-white)}.page-footer-content{max-width:var(--bk-xl);margin-inline:auto}.page-footer-content h4,.page-footer-content .h4{margin-bottom:var(--e-xs)}.page-footer-grid{display:grid;gap:var(--e-sm)}.page-footer-social-media{margin-top:var(--e-xs);display:flex;justify-content:center;gap:var(--e-sm)}.page-footer-social-media svg{padding:var(--e-xxs);border-radius:var(--e-xs);width:var(--e-xl);height:var(--e-xl);color:var(--clr-white);transition:background-color 0.2s}.page-footer-social-media svg:hover{background-color:var(--clr-primary)}.page-footer-sign{margin-top:var(--e-md);text-align:center}.page-footer-sign a{color:var(--clr-soft-blue);text-underline-offset:var(--e-xxs);transition:color 0.2s}.page-footer-sign a:hover{color:var(--clr-primary)}.hero{position:relative;overflow:hidden;min-height:400px;display:grid;place-content:center}.hero__picture__background-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .55);z-index:1}.hero__text{position:relative;z-index:2;color:var(--clr-white);max-width:var(--bk-md);padding:var(--e-sm);text-align:center}.hero__text h1{margin-bottom:var(--e-lg) var(--e-md)}form{text-align:left;background-color:var(--clr-gray);display:flex;flex-direction:column;gap:var(--e-md);padding:var(--e-md);margin-block:1.5rem;border-radius:var(--e-sm);box-shadow:var(--shadow-deep)}fieldset{padding:var(--e-md);gap:var(--e-sm);border-radius:inherit;display:grid}fieldset legend{font-size:var(--fs-h4)}.input-group{display:flex;flex-direction:column;justify-content:space-between;gap:var(--e-sm)}.form-control{display:flex;flex-direction:column;gap:var(--e-xs)}.form-control .error-message{color:var(--clr-red);margin-inline:0;font-size:var(--fs-xs);display:none}.form-control.error .error-message{display:block}.form-control input{border:1px solid var(--clr-black);width:100%;padding:var(--e-xs);border-radius:var(--e-xs)}.form-control input[readonly]{background-color:var(--clr-gray)}.form-control.error input{border:solid 1px var(--clr-red)}.projetos-grid{display:grid;gap:var(--e-sm)}.card{text-align:start;padding:var(--e-sm);border-radius:var(--e-xxs);background-color:var(--clr-soft-blue);transition:background-color 0.2s;cursor:pointer;box-shadow:var(--shadow-tw)}.card__img-container{overflow:hidden;border:none;margin:0;padding:0;border-radius:var(--e-xxs)}.card__img{object-fit:cover;height:100%;width:100%;border-radius:var(--e-xxs);transition:transform 0.3s ease-in-out}.card__title{font-size:var(--fs-h4);font-weight:600;margin-bottom:var(--e-xs);margin-top:var(--e-sm)}.card__badges{margin-bottom:var(--e-xs);display:flex;flex-wrap:wrap;gap:var(--e-xs)}.card:hover{background-color:var(--clr-soft-brown)}.card:hover .card__img{transform:scale(1.1)}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted var(--clr-black);cursor:pointer}.tooltiptext{display:block;visibility:hidden;width:max-content;max-width:220px;background-color:var(--clr-black);color:var(--clr-white);text-align:left;padding:6px 10px;border-radius:6px;position:absolute;z-index:1;top:0%;right:0;transform:translateX(110%);opacity:0;transition:opacity 0.3s ease;white-space:pre-line}.tooltiptext::after{content:" ";position:absolute;top:15%;right:100%;margin-top:-5px;border-width:5px;border-style:solid;border-color:#fff0 #000 #fff0 #fff0}.tooltip:hover .tooltiptext,.tooltip:focus .tooltiptext{visibility:visible;opacity:1}.badge{width:max-content;gap:var(--e-xxs);padding:var(--e-xxs) var(--e-xs);border-radius:var(--e-xs);font-size:var(--fs-xs)}.badge--blue{background-color:#3A89C9}.badge--green{background-color:#5DBB63}.badge--orange{background-color:#E9963E}.badge--yellow{background-color:#D4AF37}.badge--purple{background-color:#8E7CC3}.badge--pink{background-color:#E667AF}.badge--red{background-color:#C14E4E}.badge--teal{background-color:#3FB9A0}.badge--gray{background-color:#6B6B6B}.btn{font-size:var(--fs-h4);font-weight:600;padding:var(--e-xs) var(--e-lg);border-radius:var(--e-lg);transition:all 0.3s ease-in-out;text-decoration:none;border:none;cursor:pointer;color:var(--clr-black)}.btn:disabled{pointer-events:none;opacity:.5;border:var(--clr-black) solid 1px}.btn:active{transform:scale(.97)}.btn--primary{background-color:var(--clr-soft-brown)}.btn--primary:hover{background-color:var(--clr-primary)}.btn--primary:focus{outline:2px solid var(--clr-brown);outline-offset:2px}.btn--primary[aria-current="page"]{background-color:var(--clr-brown)}.btn--secondary{background-color:var(--clr-soft-blue)}.btn--secondary:hover{background-color:var(--clr-secondary)}.btn--secondary:focus{outline:2px solid var(--clr-dark-blue);outline-offset:2px}.btn--secondary{background-color:var(--clr-soft-blue)}#toast-container{position:fixed;bottom:var(--e-lg);right:var(--e-lg);display:flex;align-items:flex-end;flex-direction:column;flex-wrap:wrap;padding:var(--e-md);gap:var(--e-md)}.toast{position:relative;overflow:hidden;width:var(--bk-xs);max-width:80%;display:flex;gap:var(--e-sm);align-items:center;background-color:var(--clr-white);padding:var(--e-sm);box-shadow:var(--shadow-deep);border-radius:var(--e-xs);transform:translateX(100%);animation:move-left ease-in-out 0.5s forwards;z-index:10}@keyframes move-left{to{transform:translateX(0)}}.toast::after{position:absolute;content:"";left:0;bottom:0;width:100%;height:var(--e-xxs);background-color:var(--clr-secondary);animation:progrees-bar 5s linear forwards}.toast--success::after{background-color:var(--clr-secondary)}.toast--error::after{background-color:var(--clr-primary)}@keyframes progrees-bar{to{width:0}}.toast__icon{width:var(--e-md)}.toast--success .toast__icon{color:var(--clr-secondary)}.toast--error .toast__icon{color:var(--clr-primary)}@media (min-width:30rem){.navbar{padding-inline:var(--e-lg)}.navbar__link-list{gap:var(--e-md)}.projetos-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:48rem){:root{--fs-h1:4rem;--fs-h2:2.5rem;--fs-h3:2rem;--fs-h4:1.25rem;--fs-h5:1rem}.section{margin-block:var(--e-xl);text-align:center}.section p{margin-inline:auto}.navbar{padding-inline:var(--e-lg)}.hamburger{display:none}.navbar__link-list{gap:var(--e-md);position:static;display:flex;flex-direction:row;height:auto;width:auto;background:none;clip-path:none;pointer-events:all}.navlink{opacity:1}.page-footer-content{text-align:center}.page-footer-grid{grid-template-columns:repeat(3,1fr);gap:var(--e-lg)}.page-footer-social-media{margin-top:0}.section--projects .h2{margin-bottom:var(--e-lg)}.projetos-grid{grid-template-columns:repeat(3,1fr);gap:var(--e-md)}fieldset{grid-template-columns:repeat(2,1fr);gap:var(--e-md)}.form-control.desktop-top-p{padding-top:var(--e-md)}}