@font-face{font-family:Playfair;src:url(/assets/PlayfairDisplay-VariableFont_wght-7tRKCQvy.ttf)}*{margin:0;padding:0;box-sizing:border-box;border:none;text-decoration:none}:root{--cor-primaria: rgb(19, 19, 19) ;--cor-primaria-clara: rgb(59, 59, 59);--cor-fontes-destaque: azure;--cor-fontes: rgb(230, 230, 230);--cor-fontes-oposta: rgb(15, 0, 0);--cor-sub-texto: rgb(165, 210, 220);--cor-transparente: hsla(200, 100%, 90%, .4)}.titulo-section{text-align:center;margin:30px 0;color:var(--cor-fontes-destaque);font:700 1.8rem playfair,serif}.material-symbols-outlined{font-size:30px;background-color:transparent;color:var(--cor-fontes);overflow-y:hidden}.led{height:5px;margin-bottom:40px;background:var(--cor-sub-texto);box-shadow:0 4px 10px #f0ffffcc}#inicio{height:calc(100vh - 50px);background-image:linear-gradient(300deg,var(--cor-primaria-clara),var(--cor-primaria));border-bottom:1px solid rgba(0,0,0,.3)}#container-inicio{display:grid;gap:10px;justify-items:center}#inicio #eu{display:block;background:transparent url(/assets/Fernando-HdQ3NASG.png) no-repeat center;background-size:cover;margin:auto;width:200px;height:200px;border-radius:50%;border:1px solid var(--cor-fontes-destaque)}#container-inicio-titulo{height:80px;position:relative;width:100%;margin-top:30px}#inicio #nome{text-align:center;color:var(--cor-fontes-destaque);font:600 1.8rem playfair,serif}#inicio #funcao{text-align:center;color:var(--cor-sub-texto);font:100 1.5rem playfair,serif}#linha{background-color:#fff;width:10px;height:100%;position:absolute;border-radius:5px;display:none;left:3%}#inicio #contatos{width:100%;padding:10%;display:flex;justify-content:space-around;opacity:0%}.contatos-icons{width:48px;height:48px;border-radius:8px;border:3px solid rgb(34,34,34);box-shadow:2px 2px 5px #0000004d}.contatos-icons:hover{background-size:105%!important}#github-icon{background:#fff url(/assets/github-Jtl5dsU1.png) no-repeat center;background-size:100%}#linkedin-icon{background:#fff url(/assets/linkedin-C6VB9kII.png) no-repeat center;background-size:100%}#instagram-icon{background:#fff url(/assets/instagram-bCzscZgr.png) no-repeat center;background-size:100%}.animacao-titulo{display:block!important;animation:animacao-do-titulo 2.5s forwards ease-out}.animacao-barra{animation:animacao-barra-inf 4s infinite linear}.animacao-contatos{animation:animacao-dos-contatos 6s forwards ease-out}.animacao-react{animation:animacao-react-logo 10s infinite linear}@keyframes animacao-do-titulo{0%{left:calc(100% - 10px);opacity:30%}to{left:3%;opacity:100%}}@keyframes animacao-barra-inf{25%{transform:translateY(-7%)}50%{transform:translateY(0)}75%{transform:translateY(7%)}to{transform:translateY(0)}}@keyframes animacao-dos-contatos{0%{opacity:0%}to{opacity:100%}}@keyframes animacao-react-logo{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (orientation: landscape){#inicio #eu{align-self:center;margin:unset;position:relative}#container-inicio{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#container-inicio-titulo{position:relative;width:320px}#inicio #contatos{width:320px;justify-self:center}#inicio #eu{grid-column:1 / 2;grid-row:1 / 3}#container-inicio-titulo{grid-column:2 / 3;grid-row:1 / 2}#inicio #contatos{grid-column:2 / 3;grid-row:2 / 3}}@media screen and (min-width: 720px){#container-inicio{grid-template-columns:1fr;grid-template-rows:45% 25% 25%;padding-top:20px;position:absolute;width:500px;height:80%;min-height:460px;background-color:var(--cor-primaria-clara);border-top-right-radius:20px;border-bottom-right-radius:20px;box-shadow:5px 5px 5px var(--cor-primaria)}#inicio #eu{width:220px;height:220px;position:relative;grid-column:1 / 2;grid-row:1 / 2}#container-inicio-titulo{grid-column:1 / 2;grid-row:2 / 3}#inicio #contatos{grid-column:1 / 2;grid-row:3 / 4;background-color:gray;border-radius:10px;height:70px;padding:10px;align-self:center;box-shadow:2px 2px 5px var(--cor-primaria)}#container-animaçao-inicio{position:absolute;right:15%;top:calc(50% - 50px);transform:translateY(-50%);background-color:var(--cor-primaria-clara);padding:20px;border-radius:20px;box-shadow:5px 5px 5px var(--cor-primaria)}#react-animado{width:200px;height:200px;background:transparent url(/assets/react-oFdiGUR-.png) no-repeat center;background-size:cover;right:0}}@media screen and (min-width: 1280px){#container-inicio{border-radius:20px;left:10%}}@media screen and (max-width: 900px){#container-animaçao-inicio{right:25px}}.nav-bar{background-image:linear-gradient(35deg,var(--cor-primaria),25%,var(--cor-primaria-clara));height:50px;position:sticky;top:0;z-index:999;box-shadow:0 2px 5px var(--cor-primaria)}.nav-bar>h1{width:50%;color:var(--cor-fontes-destaque);position:relative;top:50%;left:10px;transform:translateY(-50%);text-shadow:2px 2px 2px var(--cor-primaria)}#btn-nav{position:absolute;right:10px;top:10px;cursor:pointer}.nav-bar-btn-container{background-color:var(--cor-transparente);position:fixed;top:60px;right:-120px;display:none;flex-wrap:wrap;justify-content:space-around;height:160px;width:120px;padding:10px 0;border-radius:5px}.nav-bar-btn-container button{background-color:var(--cor-primaria-clara);color:var(--cor-fontes-destaque);width:80%;padding:5px 8px;margin:auto;display:block;border-radius:15px;font-size:.9rem;font-weight:600;box-shadow:2px 2px 3px var(--cor-primaria);cursor:pointer}.nav-bar-btn-container button:hover{background-color:#0000001a;font-size:.95rem}.nav-mostra{animation:mostrar-nav .8s forwards ease;display:flex}.nav-oculta{animation:ocultar-nav .6s forwards ease}@keyframes mostrar-nav{0%{transform:translate(0);opacity:50%}to{transform:translate(-130px);opacity:100%}}@keyframes ocultar-nav{0%{transform:translate(-130px);opacity:100%;display:flex}to{transform:translate(0);opacity:50%}}@media screen and (min-width: 720px){.nav-bar{display:grid;grid-template-columns:30% 70%;grid-template-rows:1fr}#btn-nav{display:none}.nav-bar>h1{top:unset;transform:translateY(0);align-self:center}.nav-bar-btn-container{background-color:transparent;position:relative;top:unset;right:unset;display:flex;flex-wrap:nowrap;height:unset;width:unset;align-items:center;padding:0;justify-content:space-around}.nav-bar-btn-container button{border:1px solid var(--cor-fontes-destaque);width:23%}}#container-sobremim{position:relative;padding:20px 0;height:800px;background-image:radial-gradient(circle,var(--cor-primaria-clara),var(--cor-primaria))}#sobremim{display:none;position:fixed;margin:auto;border-radius:12px;border:1px solid azure;background-color:var(--cor-transparente);padding:8px;height:300px;width:80%;opacity:0%;left:10%;top:20%;box-shadow:5px 5px 5px var(--cor-primaria)}#sobremim h1{font:700 1.8rem playfair,serif;color:var(--cor-fontes-destaque);margin-bottom:10px}#sobremim p{font:500 1rem verdana,sans-serif;color:var(--cor-fontes);margin-bottom:5px}#mais-sobremim-btn{position:absolute;padding:5px;border-radius:10px;color:var(--cor-fontes);background-color:#555f64cc;right:10px;bottom:10px;cursor:pointer}#mais-sobremim-btn:hover{background-color:#555f6480}#close{color:#000;position:fixed;right:15vw;top:10vh;z-index:1000;cursor:pointer;font-size:1.9rem}#close:hover{font-size:2rem}#mais-sobremim{display:none;position:fixed;background-color:azure;height:80%;width:80%;z-index:1000;left:10vw;bottom:10vh;padding:10px;border-radius:10px;overflow-y:scroll;border:10px solid azure}#mais-sobremim h1{font:900 1.7rem playfair,serif;color:#000;margin:25px 0 30px;background-color:#cecece;padding:5px 2px;border-radius:5px;box-shadow:5px 5px 5px #00000080;text-align:center}#timeline{position:relative}#linha-timeline{background-color:#2e9b9b;height:100%;width:5px;position:absolute;transform:translate(-8px)}.sub-timeline{background-image:linear-gradient(90deg,rgb(206,206,206),80%,transparent);margin:20px 0 5px;padding:5px;border-radius:5px;font:700 1.3rem playfair,serif;box-shadow:2px 2px 2px #000}.paragrafo-timeline{background-color:#bfc0c0;padding:8px;border-radius:10px;color:#000;box-shadow:2px 2px 2px #000}.animacao-sobremim{animation:animacao-sobremim .5s forwards ease}.animacao-sobremim-reverso{animation:animacao-sobremim-reverso .2s forwards ease}@keyframes animacao-sobremim{0%{opacity:0%;left:100%}to{opacity:100%;left:10%}}@keyframes animacao-sobremim-reverso{0%{opacity:100%;left:10%}to{opacity:0%;left:100%}}@keyframes animacao-mover-y{0%{transform:translateY(0)}25%{transform:translateY(-100px)}50%{transform:translateY(0)}75%{transform:translateY(100px)}to{transform:translateY(0)}}@keyframes animacao-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (orientation: landscape){#sobremim{height:220px}}@media screen and (min-width: 720px){#sobremim{width:40%}#mais-sobremim{left:20%;width:60%;padding:20px 50px}#close{right:22%}#container-animacao-sobremim{width:30%;position:absolute;right:30px;top:50%;animation:animacao-mover-y 5s infinite linear}#animacao-decoracao-sobremim{width:90%;rotate:90deg;animation:animacao-mover-y 3s infinite linear}#barra-rotatoria{height:80px;width:80px;background-color:#474747;animation:animacao-rotate 5s infinite linear;border:1px solid black}#face{width:100%;height:100%;position:relative;display:none}#eye-left{width:15px;height:20px;background-color:azure;position:absolute;left:15px;top:15px}#eye-right{width:15px;height:20px;background-color:azure;position:absolute;right:15px;top:15px}#mount{width:60px;height:20px;background-color:azure;position:absolute;left:50%;transform:translate(-50%);bottom:10px}}#habilidades{position:relative;border-top:1px solid var(--cor-primaria-clara);height:900px;padding:25px 0;background-image:linear-gradient(315deg,var(--cor-primaria),30%,var(--cor-primaria-clara),70%,var(--cor-primaria))}#habilidades-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:10px}.hab{background-color:transparent;width:125px;padding:5px;border-radius:10px;border:1px solid black;box-shadow:5px 5px 5px var(--cor-primaria);cursor:pointer}.hab:hover{background-color:var(--cor-transparente)}.hab img{width:80%}.hab h2{text-align:center;color:var(--cor-fontes-destaque);font:600 1.3rem playfair,serif}.mudar{cursor:pointer}#display-hab{width:100%;background-color:var(--cor-transparente);padding:12px 20px;margin-top:20px;color:var(--cor-fontes-destaque);font-family:playfair;border:2px solid rgb(32,35,47);box-shadow:5px 5px 5px var(--cor-primaria)}#habilidades-container #ingles{width:280px}#habilidades-container #ingles img{width:35%}.display-hab-text{display:none}.display-hab-text>h1{margin-bottom:10px;font-weight:700;text-align:center}#selecione-hab{text-align:center}.animacao-hab{animation:animacao-habilidades forwards 1s ease}@keyframes animacao-habilidades{0%{background-color:#20232f;color:#20232f}to{background-color:var(--cor-transparente);color:var(--cor-fontes-destaque)}}@media screen and (orientation: landscape){#habilidades{height:700px}#display-hab{width:80%}}@media screen and (min-width: 720px){#habilidades-container{flex-wrap:unset;justify-content:unset;height:80%;width:45%;display:grid;grid-template-columns:50% 50%;grid-template-rows:1fr 1fr 1fr;justify-items:center;margin-left:2%}.hab{width:80%!important}.hab img{width:100px!important}#habilidades-container #ingles{grid-row:3 / 4;grid-column:1 / 3}#display-hab{position:absolute;width:40%;margin-top:0;padding:20px 70px;right:2%;top:50%;transform:translateY(-50%);border-radius:10px}}#projetos{height:650px;background-image:radial-gradient(circle,var(--cor-primaria-clara),var(--cor-primaria));border-top:1px solid var(--cor-primaria-clara);padding:25px 0}#container-projetos{background-color:#290c0c9a;width:100%;height:60%;position:relative;border:2px solid rgb(109,16,16);box-shadow:5px 5px 5px var(--cor-primaria)}.projeto{background-color:azure;width:220px;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5}.projeto h1{text-align:center;margin:15px 0;color:#000;text-decoration:underline}.projeto img{height:50%;width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-60%);border:2px solid black;border-radius:8px}.projeto p{position:absolute;padding:10px 20px;bottom:2px;color:#000}#left-arrow{width:40px;position:absolute;top:50%;left:10px;transform:translateY(-50%);overflow-x:hidden;cursor:pointer}#right-arrow{width:40px;position:absolute;top:50%;right:6px;transform:translateY(-50%);overflow-x:hidden;cursor:pointer}#left-arrow:hover,#right-arrow:hover{font-size:2em}#papelada{background-color:azure;width:220px;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:8;border:1px solid black;box-shadow:5px 5px 5px var(--cor-primaria)}#projeto-0{z-index:10}.trocar-projeto{animation:animacao-trocar-projeto 1s forwards ease}@keyframes animacao-trocar-projeto{50%{transform:translate(-155%,-45%)}to{transform:translate(-50%,-50%)}}@media screen and (min-width: 720px){#container-projetos{width:50%;margin:auto;border-radius:10px}#left-arrow{left:10%;cursor:pointer}#right-arrow{right:10%;cursor:pointer}}footer{background-color:#230f0f;border:2px solid rgb(109,16,16);height:100px;width:100%;display:flex;justify-content:space-around;flex-direction:column;text-align:center}footer>*{height:25%;width:80%;min-width:250px;margin:auto;background-color:var(--cor-transparente);border:1px solid var(--cor-fontes-oposta);border-radius:12px;font:100 .9rem playfair,serif;color:var(--cor-fontes-destaque);box-shadow:2px 2px 5px var(--cor-primaria)}footer>*:hover{width:85%}@media screen and (min-width: 720px){footer>*{width:25%}footer>*:hover{width:30%}}