body{background:#e3e0e0}*{margin:0;padding:0;box-sizing:border-box;outline:none;cursor:default}html{scroll-behavior:smooth}.container-habilidades{border:1px solid #e3e0e0;padding:0 25%;margin-bottom:80px}.container-habilidades h1{font-family:Montserrat,serif;font-weight:700;text-align:center;margin:4.5em}.container-habilidades h1 span{letter-spacing:5px;font-family:Montserrat,serif;font-weight:700;padding:15px 30px;border:5px solid #000000}.container-habilidades .card-habilidade img{height:50px}.container-habilidades .card-habilidade p{margin-top:5px;font-family:Montserrat,serif;color:#1d1d1d;font-weight:600}.container-habilidades .container-usando h2{font-family:Montserrat,serif;margin-bottom:35px;letter-spacing:3.5px}.container-habilidades .container-usando .habilidades-grid{display:grid;grid-template-columns:repeat(4,1fr)}.container-habilidades .container-usando .habilidades-grid img,.container-habilidades .container-aprendendo{margin-top:35px}.container-habilidades .container-aprendendo h2{font-family:Montserrat,serif;letter-spacing:3.5px;margin-bottom:35px}.container-habilidades .container-aprendendo .habilidades-grid{display:grid;grid-template-columns:repeat(4,1fr)}.container-habilidades .container-aprendendo .habilidades-grid img,.container-habilidades .container-outros{margin-top:35px}.container-habilidades .container-outros h2{font-family:Montserrat,serif;margin-bottom:35px;letter-spacing:3.5px}.container-habilidades .container-outros .habilidades-grid{display:grid;grid-template-columns:repeat(4,1fr)}.container-habilidades .container-outros .habilidades-grid img{margin-top:35px}@media (max-width: 768px){.container-habilidades{padding:0!important}.container-habilidades h1{margin:2em 0 3em}.container-habilidades .card-habilidade img{height:60px}.container-habilidades .card-habilidade p{margin-top:5px}.container-usando h2{margin-left:5%;margin-bottom:10px!important;letter-spacing:2px!important}.container-usando .habilidades-grid{display:grid;place-items:center;grid-template-columns:repeat(2,1fr)!important}.container-aprendendo h2{margin-left:5%;margin-bottom:10px!important;letter-spacing:2px!important}.container-aprendendo .habilidades-grid{display:grid;place-items:center;grid-template-columns:repeat(2,1fr)!important}.container-outros h2{margin-left:5%;letter-spacing:2px!important}.container-outros .habilidades-grid{display:grid;place-items:center;grid-template-columns:repeat(2,1fr)!important}}header{display:flex;justify-content:space-between;align-items:center;padding:2em 10em;position:fixed;top:0;left:0;width:100%;height:80px;transition:background-color .3s ease,padding .3s ease,height .3s ease;z-index:1000}header.scrolled{background-color:#000;padding:1em 8em;height:60px}header img{height:50px;transition:height .3s ease}header.scrolled img{height:40px}header nav ul{display:flex;gap:2em;align-items:center}header nav ul span{font-family:Montserrat,serif}header nav ul li{font-family:Montserrat,serif;font-weight:600;cursor:pointer;list-style:none;transition:.3s ease}header nav ul a{text-decoration:none;color:#fff;cursor:pointer!important}header nav ul .cont{display:inline-block;background-color:#fff;color:#000;padding:10px 20px;border-radius:50px;font-weight:600;transition:.3s ease}header nav ul .cont:hover{cursor:pointer!important}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:25px;cursor:pointer}.hamburger span{display:block;width:100%;height:3px;background:#fff;transition:.3s ease-in-out}.hamburger.active span:nth-child(1){transform:translateY(13px) rotate(47deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){header{background-color:transparent;padding:0 2em!important;align-items:center!important;position:fixed;transition:background-color .3s ease-in-out,transform .3s ease-in-out,opacity .3s ease-in-out;z-index:1000}header.scrolled{background-color:#000}header.hidden{transform:translateY(-100%);opacity:0;pointer-events:none}header.visible{opacity:1;transform:translateY(0)}.hamburger{display:flex;transform:translateY(0);transition:transform .3s ease-in-out}nav{position:absolute;top:59px;right:0;background:#000000b6;width:100%;height:0;overflow:hidden;transition:height .3s ease-in-out}nav ul{flex-direction:column;justify-content:space-between;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out}nav ul li{height:100%;width:100%;display:flex;justify-content:center;align-items:center}nav span{width:100%;border-radius:0}nav span a{display:flex!important;justify-content:center;align-items:center;width:100%;height:60px;border-radius:0!important}nav.open{height:300px}nav.open ul{opacity:1}}.container-info{position:relative;color:#fff;background-color:#1d1d1d;padding:2em 5em;transition:all .3s ease;overflow:hidden}.container-info h1{font-size:16px;letter-spacing:2px;font-family:Montserrat,serif}.container-info p{max-width:70%;font-size:13px;margin-top:1.5em;font-family:Open Sans,serif;position:relative;z-index:2}.container-info .icone-container{position:absolute;right:80px;bottom:0;z-index:1;rotate:20deg}.container-info .icone{height:270px}.container-info button{cursor:pointer;font-weight:700;color:#fff;font-family:Montserrat,serif;background-color:#1d1d1d;border:none;border-left:2px solid #ffffff;border-right:2px solid #ffffff;padding:5px 25px;margin-top:1.5em;transition:all .3s ease}.container-info button:hover{letter-spacing:2.5px}@media (max-width: 768px){.container-info{padding:1em;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;position:relative;z-index:2}.container-info h1{margin-top:15px}.container-info p{max-width:100%!important;letter-spacing:1px;font-size:90%}.container-info button,.container-info .icone-container{display:none}}section .title-portifolio{background-image:url(/assets/fundo-portifolio-B-uOw9xK.jpg);background-position:top;background-size:cover;height:230px;display:flex;justify-content:center;align-items:center}section .title-portifolio h1{letter-spacing:5px;font-family:Montserrat,serif;font-weight:700;padding:15px 30px;border:5px solid #000000}section .header-portifolio{height:70px;display:flex;justify-content:center;align-items:center;background-color:#1d1d1d}section .grid-projetos{display:grid;grid-template-columns:repeat(3,1fr)}section .grid-projetos .cards-projeto{position:relative;height:200px;overflow:hidden;transition:transform .3s}section .grid-projetos .cards-projeto img{height:100%;width:100%;object-fit:cover}section .grid-projetos .cards-projeto .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;opacity:0;transition:opacity .5s ease-in-out}section .grid-projetos .cards-projeto .overlay h2{font-family:Montserrat,serif;cursor:default;color:#fff;font-size:18px;margin-bottom:10px}section .grid-projetos .cards-projeto .overlay p{font-family:Montserrat,serif;color:#ddd;font-size:14px;margin-bottom:15px;padding:0 10px}section .grid-projetos .cards-projeto .overlay .btns{display:flex;gap:10px}section .grid-projetos .cards-projeto .overlay .btns a{text-decoration:none;cursor:pointer;font-weight:700;color:#fff;font-family:Montserrat,serif;background-color:trasnparent;border:none;border-left:2px solid #ffffff;border-right:2px solid #ffffff;padding:5px 25px;transition:all .3s ease}section .grid-projetos .cards-projeto .overlay .btns a:hover{letter-spacing:2.5px}section .grid-projetos .cards-projeto:hover .overlay{opacity:1}section .footer-portifolio{height:50px;display:flex;justify-content:center;align-items:center;background-color:#1d1d1d}section .footer-portifolio p{color:#fff;font-family:Open Sans,serif}@media (max-width: 768px){.title-portifolio{position:relative;height:160px!important;overflow:hidden}.title-portifolio:before{content:"";position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background:#d6d3d380}.title-portifolio h1{background:transparent;position:relative;z-index:2}.grid-projetos{grid-template-columns:repeat(1,1fr)!important}.grid-projetos .cards-projeto .btn:hover{letter-spacing:0}}.container{background:linear-gradient(135deg,#bebcbc,#7a7a7a)}.container .container-sobre{height:100vh;display:flex;justify-content:space-between;align-items:center;padding:0 5%;overflow:hidden}.container .container-sobre .apresentacao{width:50%;height:auto;color:#fff;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:70px;gap:1em}.container .container-sobre .apresentacao h1{color:#0e0d0d;font-size:30px;width:100%;display:flex;font-family:Raleway,serif;justify-content:flex-start;margin-left:3em}.container .container-sobre .apresentacao .nome{margin-left:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Raleway,serif;width:100%}.container .container-sobre .apresentacao .nome h2{letter-spacing:5px;font-size:60px;font-weight:700}.container .container-sobre .apresentacao .nome p{color:#0e0d0d;letter-spacing:2.5px}.container .container-sobre .apresentacao .icones{display:flex;gap:30px;margin-top:5px}.container .container-sobre .apresentacao .icones .container-img{transition:.1s}.container .container-sobre .apresentacao .icones .container-img img{cursor:pointer!important;height:40px}.container .container-sobre .apresentacao .icones:hover>:not(:hover){filter:blur(3px);transform:scale(.9)}.container .container-sobre .imagem-alan{width:40%;height:100%;margin-top:6%;display:flex;justify-content:center;align-items:center}.container .container-sobre .imagem-alan img{filter:drop-shadow(0 0 .5rem rgba(0,0,0,.5568627451));height:100%;max-width:100%}@media (max-width: 768px){.container-sobre{height:89vh!important;display:block!important;margin:0!important;padding:0!important}.container-sobre .apresentacao{justify-content:flex-end!important;z-index:2;position:absolute;width:100%!important;height:100%!important;padding:5%!important;gap:.5em!important;bottom:2em}.container-sobre .apresentacao h1{margin:0!important;font-size:1.5em!important}.container-sobre .apresentacao .icones{width:10%!important;position:absolute;flex-direction:column;float:right;right:20px}.container-sobre .apresentacao .icones:hover>:not(:hover){filter:none;transform:none}.container-sobre .apresentacao .nome{align-items:flex-start!important;margin:0!important}.container-sobre .apresentacao .nome h2{letter-spacing:3px!important;font-size:2.5em!important}.container-sobre .apresentacao .nome p{letter-spacing:2px!important;font-weight:700}.container-sobre .imagem-alan{margin:0!important;padding:0!important;z-index:1;position:absolute;bottom:0;height:500px!important;width:100%!important}.container-sobre .imagem-alan img{opacity:.6}}.Sobre-mim .container-alan{margin:0 5%;padding:5em 5em 0}.Sobre-mim .container-alan .title{display:flex;align-items:center;justify-content:center}.Sobre-mim .container-alan .title h1{letter-spacing:5px;font-family:Montserrat,serif;font-weight:700;padding:15px 30px;border:5px solid #000000}.Sobre-mim .container-alan p{transition:opacity .3s ease-in-out;margin:45px;font-family:Open Sans,serif}.Sobre-mim .container-alan .container-btn{display:flex;justify-content:center}.Sobre-mim .container-alan .container-btn button{background-color:transparent;cursor:pointer;font-weight:700;color:#000;font-family:Montserrat,serif;border:none;border-left:2px solid #000000;border-right:2px solid #000000;padding:5px 25px;margin-top:1.5em;transition:all .3s ease}.Sobre-mim .container-alan .container-btn button:hover{letter-spacing:2.5px}.Sobre-mim .divisoria{margin:80px 0;width:100%;display:flex;justify-content:center}.Sobre-mim .conhecimentos{margin:0 4%;display:grid;grid-template-columns:repeat(2,1fr)}.Sobre-mim .conhecimentos .manutencao-card{position:relative;left:50%}.Sobre-mim .conhecimentos .card{position:relative;color:#fff;margin:35px;overflow:hidden}.Sobre-mim .conhecimentos .card p{font-size:13px;color:#000;font-family:Open Sans,serif;margin:10px 0 5px 45px;position:relative;z-index:2}.Sobre-mim .conhecimentos .card h3{margin:25px 0 5px 45px;letter-spacing:4px;color:#000;font-family:Montserrat,serif;position:relative;z-index:2}.Sobre-mim .conhecimentos .card .icone-fundo{position:absolute;left:1px;top:0;bottom:0;z-index:1}@media (max-width: 768px){.container-alan{margin:25px 0!important;padding:0!important}.container-alan p{max-width:90%!important;margin:2em 1em!important;width:100%}.divisoria{margin:40px 0!important}.conhecimentos{margin:0!important;grid-template-columns:none!important}.conhecimentos .card{margin:15px!important}.conhecimentos .manutencao-card{left:0!important}}.container-contato .container-title{text-align:center;padding:6em 20em}.container-contato .container-title h1{margin-bottom:3em}.container-contato .container-title h1 span{border:1px solid green;letter-spacing:5px;font-family:Montserrat,serif;font-weight:700;padding:15px 30px;border:5px solid #000000}.container-contato .container-title p{font-family:Montserrat,serif;margin-bottom:1.5em}.container-contato .container-formulario{display:grid;place-items:center}.container-contato .container-formulario form{width:35%;display:flex;flex-direction:column;gap:32px}.container-contato .container-formulario form input{cursor:text!important;color:#1d1d1d;background-color:transparent;border-left:4px solid #000000;border-bottom:3px solid #000000;border-top:none;border-right:none;padding:5px 15px;height:32px;outline-color:#000;font-weight:700}.container-contato .container-formulario form input::placeholder{color:#1d1d1d}.container-contato .container-formulario form textarea{cursor:text!important;height:150px;border:none;resize:none;background-color:transparent;border-left:4px solid #000000;border-bottom:3px solid #000000;border-top:none;padding:5px 15px;font-weight:700;font-size:14px}.container-contato .container-formulario form textarea::placeholder{color:#1d1d1d}.container-contato .container-formulario form .btn-container{display:flex;justify-content:center;margin-top:2.5em}.container-contato .container-formulario form .btn-container button{cursor:pointer;font-weight:700;color:#000;font-family:Montserrat,serif;background-color:transparent;border:none;border-left:2px solid #000000;border-right:2px solid #000000;padding:5px 25px;transition:all .3s ease}.container-contato .container-formulario form .btn-container button:hover{letter-spacing:2.5px}.container-contato .container-formulario form #honey{display:none}@media (max-width: 768px){.container-title{padding:5em 0!important}.container-formulario form{width:80%!important}.container-formulario form input{height:40px!important}}.container-footer{height:150px;margin-top:3em;background-color:#1d1d1d;display:grid;place-items:center}.container-footer .content-footer{font-size:12px;font-weight:700;font-family:Montserrat,serif;display:flex;flex-direction:column;transition:.3s}.container-footer .content-footer img{cursor:pointer!important;height:20px}.container-footer .content-footer:hover{transform:scale(1.1)}