*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#172155;background-color:#ebf4f6}:root{--fonte-destaque:"Petit Formal Script", cursive}.blur{z-index:60;visibility:hidden;filter:blur(3px);cursor:pointer;background-color:#000000d8;border:none;width:1000px;height:1000px;position:fixed;top:10px;left:-10px}#header{z-index:99;background-color:#fff;border-bottom:3px solid #3383fc;justify-content:space-between;align-items:center;width:100%;height:auto;padding:10px;display:flex;position:fixed;top:0}#header .menu,#header .navbar{display:none}#header .header-inicio{align-items:center;display:flex}#header .header-inicio a{color:#000;text-decoration:none}#header .header-meio{gap:10px;display:flex}#header .header-meio a{color:#000;text-decoration:none;transition:all .3s ease-in-out}#header .header-meio a:hover{text-decoration:overline;transform:scale(1.2)}#header .header-end #chk{display:none}#header .header-end .switch{cursor:pointer;background-color:#fff;border-radius:40px;align-items:center;width:60px;height:25px;padding:5px;transition:all .5s ease-in-out;display:flex;position:relative;box-shadow:0 0 10px #0000009f}#header .header-end .slider{background-color:#6075ee;border-radius:50%;width:20px;height:20px;transition:all .3s ease-in-out;position:absolute}#header .header-end #chk:checked~.switch{background-color:#6075ee}#header .header-end #chk:checked~.switch .slider{background-color:#fff;transform:translate(30px)}@media (width<=430px){#header .menu{background-color:#fff;border:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}#header .menu i{font-size:30px}#header .navbar{z-index:100;flex-direction:column;justify-content:space-between;align-items:center;gap:30px;width:100%;height:100%;display:flex;position:absolute;top:300%;left:0}#header .navbar h1{text-align:center;color:#fff}#header .navbar .links-nav{flex-direction:column;justify-content:center;align-items:center;display:flex}#header .navbar .links-nav a{color:#fff;font-size:25px;font-weight:700;text-decoration:none}#header .navbar .buttons-nav{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}#header .navbar .buttons-nav a{color:#fff;border-radius:20px;padding:10px;font-size:25px;font-weight:700;text-decoration:none}#header .navbar .buttons-nav .button-nav-1{color:#e4e6f8;background-color:#4040e0}#header .navbar .buttons-nav .button-nav-2{background-color:#fff}#header .header-meio{display:none}}#banner{flex-direction:column;justify-content:center;align-items:center;height:100%;margin-bottom:100px;display:flex;position:relative}#banner .img-banner{z-index:0;filter:blur(5px);opacity:.7;height:250px;position:absolute}#banner .svg{color:#172155;z-index:-10;transition:all .5s ease-in-out;position:absolute;left:-300px}#banner .svg:hover{transform:rotate(5deg)}#banner .conteudo-banner{z-index:1;flex-direction:column;justify-content:center;align-items:center;margin-top:300px;margin-bottom:50px;display:flex}#banner .conteudo-banner h1{color:#172155;margin-bottom:10px;font-size:50px}#banner .conteudo-banner h1 span{color:#6075ee}#banner .conteudo-banner p{color:#172155;text-align:center;font-size:30px}#banner .conteudo-banner .buttons-banner{justify-content:space-between;align-items:center;width:100%;margin-top:20px;padding:10px;display:flex}#banner .conteudo-banner .buttons-banner a{border-radius:10px;padding:5px;font-size:17px;text-decoration:none;transition:all .3s ease-in-out}#banner .conteudo-banner .buttons-banner .button-banner-1{color:#e4e6f8;background-color:#4040e0}#banner .conteudo-banner .buttons-banner .button-banner-1:hover{transform:rotate(-2deg)}#banner .conteudo-banner .buttons-banner .button-banner-2{border:.4px solid}#banner .conteudo-banner .buttons-banner .button-banner-2:hover{transform:rotate(-2deg)}#banner .about{flex-direction:column;justify-content:end;align-items:center;gap:5px;width:80%;height:100%;margin-bottom:50px;display:flex}#banner .about p{text-align:center}@media (height>=430px){#banner{height:120vh;margin-top:50px;margin-bottom:250px}.conteudo-banner{margin-top:50px}.conteudo-banner .buttons-banner{flex-direction:column;gap:10px}}#projetos{flex-direction:column;justify-content:center;align-items:center;gap:100px;height:100%;margin-bottom:200px;scroll-margin-top:100px;display:flex;position:relative}#projetos .blur{z-index:60;visibility:hidden;filter:blur(3px);cursor:pointer;background-color:#0000009a;width:100%;height:100%;position:fixed;top:0}#projetos .projects{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:50px;display:flex}#projetos .projects #card-min{z-index:1;cursor:pointer;background-color:#fff;border-bottom:3px solid #3383fc;border-radius:50px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:all .3s ease-in-out;display:flex;position:relative}#projetos .projects #card-min .capa{z-index:15;visibility:visible;color:#fff;background-color:#000000b3;border-radius:50px 0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}#projetos .projects #card-min img{border-radius:50px 0 0;width:500px}#projetos .projects #card-min .corpo-card{text-align:center;visibility:hidden;opacity:0;background:#fff;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;width:100%;height:auto;transition:all .1s ease-in;display:flex;position:absolute;top:100%;transform:translateY(-10px)}#projetos .projects #card-min .corpo-card p{text-align:center}#projetos .projects #card-min .corpo-card .spans{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}#projetos .projects #card-min .corpo-card .spans .hacks{color:#e4e6f8;background-color:#4040e0;border:.4px solid;border-radius:10px;padding:5px;font-size:15px;transition:all .3s ease-in-out}#projetos .projects #card-min .corpo-card .spans .hacks:hover,#projetos .projects #card-min .corpo-card .spans .hacks.dark{color:#172155;background-color:#fff}#projetos .projects #card-min .corpo-card .spans .hacks.dark:hover{color:#fff;background-color:#757575}#projetos .projects #card-min:hover{z-index:10;border-radius:50px 0 0}#projetos .projects #card-min:hover .capa{visibility:hidden}#projetos .projects #card-min:hover .corpo-card{opacity:1;visibility:visible;border-radius:0 0 50px;transition:all 2s;transform:translateY(0)}#projetos .projects #card-max{z-index:61;background-color:#fff;border-radius:10px;gap:20px;width:80%;padding:20px;display:flex;position:fixed;top:30%}#projetos .projects #card-max .left{flex-direction:column;display:flex}#projetos .projects #card-max .left .video{border-radius:10px;width:700px;height:400px;margin-bottom:30px}#projetos .projects #card-max .left .left-button{justify-content:space-between;align-items:center;padding:0 50px;display:flex}#projetos .projects #card-max .left .left-button .button-left-1{color:#fff;background-color:#3383fc;border-radius:10px;padding:10px;text-decoration:none;transition:all .3s}#projetos .projects #card-max .left .left-button .button-left-1:hover{transform:rotate(-5deg)}#projetos .projects #card-max .left .left-button .button-left-2{color:#fff;background-color:#3383fc;border:.4px solid;border-radius:10px;padding:10px;text-decoration:none;transition:all .3s ease-in-out}#projetos .projects #card-max .left .left-button .button-left-2:hover{transform:rotate(-5deg)}#projetos .projects #card-max .right{flex-direction:column;justify-content:space-between;gap:10px;display:flex}#projetos .projects #card-max .right .button-fechar{display:none}#projetos .projects #card-max .right h2{color:#000;text-align:center}#projetos .projects #card-max .right .descricao{flex-direction:column;gap:5px;display:flex}#projetos .projects #card-max .right .descricao p{color:#4d4d4d}#projetos .projects #card-max .right span{color:#000}#projetos .projects #card-max .right .right-button{justify-content:space-between;align-items:center;padding:0 50px;display:none}#projetos .projects #card-max .right .right-button .button-right-1{color:#fff;background-color:#3383fc;border-radius:10px;padding:10px;text-decoration:none;transition:all .3s}#projetos .projects #card-max .right .right-button .button-right-1:hover{transform:rotate(-5deg)}#projetos .projects #card-max .right .right-button .button-right-2{color:#fff;background-color:#3383fc;border:.4px solid;border-radius:10px;padding:10px;text-decoration:none;transition:all .3s ease-in-out}#projetos .projects #card-max .right .right-button .button-right-2:hover{transform:rotate(-5deg)}@media (width<=430px){#projetos .projects #card-min img{width:350px}#projetos .projects #card-max{z-index:100;flex-direction:column;justify-content:center;width:100%;height:100%;top:0;overflow:scroll}#projetos .projects #card-max .left{display:none}#projetos .projects #card-max .right{justify-content:space-between;height:100%}#projetos .projects #card-max .right .button-fechar{background-color:#fff;border:none;display:block;position:absolute}#projetos .projects #card-max .right .button-fechar i{font-size:20px}#projetos .projects #card-max .right .right-button{flex-direction:column;gap:10px;padding:0;display:flex}#projetos .projects #card-max .right .right-button a{text-align:center;width:100%}}#habilidades{flex-direction:column;justify-content:center;align-items:center;height:100%;scroll-margin-top:100px;display:flex}#habilidades .cards-skils{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;padding:100px;display:flex}#habilidades .cards-skils .card-skils{cursor:pointer;background-color:#fff;border-bottom:3px solid #3383fc;border-radius:20px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:150px;height:150px;padding:10px;transition:all .3s ease-in-out;display:flex}#habilidades .cards-skils .card-skils img{height:50px}#habilidades .cards-skils .card-skils:hover{border-bottom:5px solid #3383fc;transform:scale(1.2)}@media (width<=430px){#habilidades{margin-bottom:150px}#habilidades .cards-skils{padding:20px}#habilidades .cards-skils .card-skils{padding:0}}#contato{flex-direction:column;justify-content:center;align-items:center;gap:200px;height:100vh;scroll-margin-top:100px;display:flex}#contato .cards-contact{justify-content:center;align-items:center;gap:100px;display:flex}#contato .cards-contact a{flex-direction:column;justify-content:center;align-items:center;gap:5px;text-decoration:none;transition:all .3s ease-in-out;display:flex}#contato .cards-contact a i{color:#3383fc;border:1px solid #3383fc;border-radius:50%;margin-bottom:5px;padding:20px;font-size:40px}#contato .cards-contact a h2{color:#172155}#contato .cards-contact a h3{color:#505050}#contato .cards-contact a:hover{transform:scale(1.2)}@media (width<=430px){#contato{margin-bottom:150px;padding-bottom:10px}#contato .cards-contact{flex-direction:column}}