.navigation-menu{position:fixed;top:30px;left:10px;z-index:3}.btn-container{background-color:var(--Azul_secundario);padding:10px 0;border-radius:10px;transition:1s;box-shadow:0 0 5px rgba(0,0,0,.397);z-index:3}.btn-container>button{transition:.5s}.open-menu-btn{height:30px;width:50px}#bar1,#bar2,#bar3{width:100%;height:3.5px;background-color:#fff;transition:.5s;transform-origin:center}.nav{transform-origin:left;transition:.5s;transform:scaleX(0);background-color:var(--Azul_secundario);border-radius:0 10px 10px 0;padding:5px 0}.open-menu{transform:scaleX(1)}.activated-button{border-radius:10px 0 0 10px}.activated-button>button{animation:Spin .5s linear;transform:translateX(10PX)}.activated-button #bar1{transform:rotate(45deg)translateY(9px)}.activated-button #bar2{opacity:0}.activated-button #bar3{transform:rotate(-45deg)translateY(-9px)}@keyframes Spin{0%{transform:rotate(0)}to{transform:rotate(1turn)translateX(10px)}}.nav-list{list-style:none}.nav-link{color:var(--Cinza_claro);transition:.5s}.nav-link:hover{color:#fff;transform:translateY(-1px)}@media (max-width:600px){.nav{padding:15px 5px}.nav-list{gap:20px}.nav-link{font-size:small;padding:0}}@media (max-width:400px){.navigation-menu{left:5px}.nav-list{gap:10px}}.presentation{background-image:url(/_next/static/media/background_apresentação.095c0818.jpg);background-size:cover;background-position:top;justify-content:space-around;background-repeat:no-repeat;height:600px}@media (min-width:550px){.presentation{height:100vh}}.hello p{font-size:xx-large;color:#000;font-family:Archivo Black;text-indent:25px}.hello h1{font-size:7rem;font-family:Anton;color:var(--Azul_principal);line-height:100px;text-wrap:wrap}.ocupation{text-indent:0!important;font-size:3rem!important;line-height:50px}.technology{width:400px;filter:drop-shadow(5 5 10px #00000079);animation:Float 3s linear infinite}@keyframes Float{0%{transform:translateY(-5px)}50%{transform:translateY(10px)}to{transform:translateY(-5px)}}@media (max-width:1050px){.technology{width:300px}}@media (max-width:950px){.hello p{font-size:xx-large;line-height:90px;text-shadow:0 0 10px #fffefe}.hello h1{font-size:5rem;line-height:30px;text-shadow:0 0 10px hsla(0,0%,100%,.493)}.ocupation{font-size:xx-large!important}}@media (max-width:750px){.presentation{background-image:url(/_next/static/media/bg-apresentação-mobile.4f5f9319.jpg);background-position:50%;flex-direction:column;justify-content:center}.hello{z-index:2;text-wrap:nowrap;align-self:flex-start;margin-left:10%}.technology{width:250px;position:absolute;left:50%;filter:grayscale(20%)}}@media (max-width:500px){.hello h1{font-size:4rem;line-height:60px}.hello p{font-size:medium;line-height:40px;text-indent:0}.technology{left:50%;width:200px}}@media (max-width:400px){.technology{left:45%;width:150px}}.about-me-section{margin:200px 0}.j_stadler-picture{display:flex;justify-content:center}.j_stadler-picture img{width:400px;height:400px;object-fit:cover;border-radius:40% 30px;box-shadow:0 0 260px rgba(0,0,0,.605)}.about-me-txt{width:600px;max-width:90vw}.about-me-txt h1{font-weight:bolder;color:var(--Azul_principal);text-shadow:2px 3px 5px rgba(0,0,0,.192)}@media (max-width:1050px){.about-me-section{flex-direction:column-reverse;margin:100px 0}.about-title{display:block}.j_stadler-picture{align-self:flex-end}.j_stadler-picture img{width:700px;max-width:90%}.about-me-txt{align-self:flex-start;margin-left:30px}}@media (max-width:500px){.about-me-txt p{font-size:smaller;font-weight:bolder}}.skills-section{background-color:var(--Azul_escuro);padding:50px 0;border-radius:30% 0;text-align:center;margin:100px 0}.skills-section h1{font-weight:bolder;font-family:Archivo Black,Arial,Helvetica,sans-serif;color:#fff}.my-skills{display:grid;align-items:center;justify-items:center;grid-template-rows:auto;grid-template-columns:repeat(4,20%);grid-row-gap:40px;row-gap:40px;place-content:center;margin:50px 0}.skill{text-align:center;border-radius:20px;width:200px;padding:15px 0;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.587);font-family:Archivo Black,Arial,Helvetica,sans-serif}.skill-level{font-size:1.3rem}.Basic{background-color:var(--Skill_basica)}.Intermediary{background-color:var(--Skill_intermediaria)}.Advanced{background-color:var(--Skill_avancada)}@media (max-width:1030px){.my-skills{grid-template-columns:30% 30% 30%}}@media (max-width:750px){.skills-section{border-radius:20% 0}.skill{text-align:center;border-radius:20px}.my-skills{grid-template-columns:45% 45%}}@media (max-width:500px){.skills-section{padding:150px 0;border-radius:200px 0}.my-skills{grid-template-columns:45%}.skill p{font-size:medium}}.projects-section{background-color:var(--Azul_escuro);padding:100px;border-radius:30% 0;margin:50px 0}.projects-section h1{text-align:center;color:#fff;font-family:Archivo Black;margin-bottom:40px}.projects-container{display:grid;grid-template-columns:30% 30% 30%;grid-template-rows:auto;grid-column-gap:20px;column-gap:20px}.project{text-align:center;position:relative;border-radius:10px;width:300px;height:200px;transition:.5s;overflow:hidden;cursor:pointer}.project img{object-fit:cover;object-position:top center}.info,.project img{width:100%;height:100%}.info{transition:.2s;transform:scaleY(0);transform-origin:top;background-color:rgba(0,0,0,.886);position:absolute;top:0;left:0;display:grid;place-content:center}.project:hover .info{transform:scaleY(1)}.project-name{font-family:Anton,Archivo Black,Arial,Helvetica,sans-serif;color:#f0f8ff;font-size:larger;margin-top:10px}.technologies{color:#f0f8ff;font-size:smaller}.projects-section main{display:grid;align-items:center;justify-items:center;grid-template-rows:auto;place-content:center;grid-template-columns:repeat(3,30%);grid-row-gap:40px;row-gap:40px}.project-info{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;background-color:var(--Azul_principal);padding:30px;border-radius:20px;text-align:center;transition:.1s;z-index:3;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.451);text-shadow:0 0 10px rgba(0,0,0,.451);width:500px;max-width:95vw}.project-info img{width:250px;border-radius:10px}.open{transform:translate(-50%,-50%)scale(1)}.links{display:flex;align-items:center;justify-content:space-around;width:100%;margin:20px 0 30px;gap:10px;flex-wrap:wrap}.project-link,.project-repository-link{color:#fff;text-decoration:none;background-color:var(--Azul_claro);width:-moz-fit-content;width:fit-content;padding:5px 10px;border-radius:5px;font-weight:bolder;transition:.5s;box-shadow:0 0 5px rgba(0,0,0,.272)}.close-window{background:none;border:none;color:#fff;font-size:x-large;font-weight:bolder;position:absolute;top:5px;right:15px}.project-link:hover,.project-repository-link:hover{color:var(--Azul_principal);background-color:#fff}.project-description{color:#fff;font-weight:700;padding-top:20px;font-size:small}@media (max-width:1150px){.projects-container{grid-template-columns:45% 45%!important}}@media (max-width:850px){.project{width:200px;height:100px}.project:hover .info{display:none}}@media (max-width:620px){.projects-container{display:flex!important;flex-direction:column}.project{width:250px;height:15,0}}