@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";html,body{overflow-x:hidden;background-color:#eaebed}html,body{margin:0}header{background-color:var(--richBlack);width:100vw;height:15vh;margin:0;display:flex;align-items:center;justify-content:space-between;color:#fff}div#title_header{display:block;margin:15px}div#header_icons{margin:15px;font-size:2.2em;display:flex;gap:10px}div#header_icons>a{color:#fff;transition:color .3s ease,transform .3s ease}div#header_icons>a:hover{color:var(--chocolateCosmos2);transform:scale(1.1)}div#title_header>h1{width:100%;margin:0;font-family:Kanit;text-align:center;font-size:1.2em;transition:color .4s ease,transform .4s ease;text-wrap:nowrap}div#title_header>h1:hover{transform:scale(1.05);color:var(--chocolateCosmos2)}p#title_dev:hover{color:var(--chocolateCosmos2);scale:1.05;transition:.4s ease}main{display:flex;flex-direction:column;height:auto}nav{width:100vw;height:auto;background-color:var(--richBlack);display:flex;flex-direction:column;align-items:center}div#box_1{width:45%;height:auto;display:flex;flex-direction:column;justify-content:center;margin:10px 0 0}div#box_1>img{width:100%;height:100%;border-radius:50%;border:4px solid var(--chocolateCosmos);animation:imagemAnimacao 4s ease;animation-iteration-count:infinite}div#box_1>img:hover{scale:1.05;transition:.8s ease}@keyframes imagemAnimacao{0%{transform:translateY(0);box-shadow:0 0 5px var(--chocolateCosmos2)}50%{transform:translateY(5px);box-shadow:0 0 15px var(--chocolateCosmos2)}to{transform:translateY(0);box-shadow:0 0 5px var(--chocolateCosmos2)}}p#title_dev{margin:20px 0 5px}nav>div#box_2{width:100%;display:flex;justify-content:center}nav>div#box_2>ul{list-style:none;padding:0;width:50%}nav>div#box_2>ul>li{display:flex;justify-content:center;margin:10px auto 5px}div#animated_title{width:100%;animation:flashing-market 1.5s step-end infinite,typing 10s steps(22,end) infinite;overflow:hidden;border-right:3px solid white}p#title_dev{color:#f0f8ff;font-size:1.3em}p#title_front-end{font-size:1.5em}p.p_nav{font-family:Kanit;font-weight:600;width:100%;text-align:center;margin:1px 0 0;text-wrap:nowrap}@keyframes flashing-market{50%{border-right-color:transparent}}@keyframes typing{0%{width:0;color:var(--chocolateCosmos)}14%{color:var(--chocolateCosmos)}20%{width:14.5ch;color:var(--chocolateCosmos)}28%{color:var(--chocolateCosmos)}42%{color:var(--chocolateCosmos2)}56%{color:var(--chocolateCosmos2)}65%{color:var(--chocolateCosmos2)}70%{width:14.5ch;color:var(--chocolateCosmos2)}75%{color:var(--chocolateCosmos2)}85%{width:0;color:var(--chocolateCosmos2)}to{width:0;color:var(--chocolateCosmos)}}ul#list_buttons>li>button{width:70%;height:auto;padding:5px;border:2px solid var(--chocolateCosmos);color:#f0f8ff;font-size:1.1em;font-family:Kanit;font-weight:600;border-radius:5px;background-color:transparent}ul#list_buttons>li>button:hover{background-color:var(--chocolateCosmos);color:#fff;transition:.2s ease;border-color:#fff;scale:1;cursor:pointer}section#content{width:100vw;height:auto;background-color:transparent}footer{width:100vw;height:150px;margin:0;transition:transform 6s ease-in;background-color:var(--richBlack);color:#fff;font-family:Kanit;font-weight:800;display:flex;justify-content:center;align-items:center}footer>p{margin:0;transition:color .5s ease,transform .5s ease}footer>p:hover{color:var(--chocolateCosmos2);transform:scale(1.05);transition:.9s ease}@media screen and (min-width: 500px){div#box_1{width:35%;transition:.3s ease}}@media screen and (min-width: 800px){header{width:25%;min-height:15vh;flex-direction:column;position:fixed;box-shadow:5px 0 5px #0000001d}nav{width:25%;min-height:85vh;position:fixed;top:15vh;box-shadow:5px 0 5px #0000001d}main{flex-direction:row;height:auto}nav>div#box_2>ul{width:100%}div#box_1{width:100%;height:auto;display:flex;align-items:center;justify-content:center}div#title_header{margin:10px 0 0}div#title_header>h1{font-size:1em}div#box_1>img{width:85%;max-height:auto}section#content{width:85vw;margin-left:25vw}}@media screen and (min-width: 1000px){header,nav,footer{width:17vw}section#content{margin-left:17vw}}:root{--gradient1: linear-gradient(to bottom, #B89E97, #DECCCC);--UCLAblue: #2274A5;--cinereous: #816C61;--gradient1: linear-gradient(to bottom, var(--UCLAblue), var(--richBlack));--celestialBlue: #39A0ED;--celestialBlue2: #50a9ed;--chocolateCosmos2: #b7161b;--chocolateCosmos: #4C191B;--richBlack: #131B23;--pearl: #E7DFC6;--aliceBlue: #E9F1F7;--chocolateCosmos3: #99494b;--chocolateCosmos4: #614243;--gradient2: linear-gradient(to bottom, var(--chocolateCosmos) 70% , var(--chocolateCosmos4))}:root{--imgTeste: url(/assets/pexels-bri-schneiter-28802-346529-BnfKoqOy.jpg)}div.conteiner{background-color:var(--chocolateCosmos);width:100%;margin:0 0 50px;display:flex;flex-direction:column;justify-content:center;height:auto}div#box_img_skills{display:flex;justify-content:right;padding-right:10px;margin-bottom:5px}h2.title_content{width:90%;font-size:2.1em;font-family:Kanit;font-weight:600;text-align:center;color:#fff;margin:50px auto 10px;transition:ease .6s}h2.title_content:hover{transform:scale(1.1);transition:ease .6s;color:var(--chocolateCosmos2)}p.subtitle_content{width:90%;font-size:1.2em;font-family:Nunito;font-weight:400;text-align:center;color:#f0f8ff;margin:0 auto 10px}div.box_img>img{width:60%}main.component{display:flex;flex-direction:column;height:auto;margin-bottom:100px;transition:all .9s ease}section.content_component{margin:0;font-size:.9em;font-family:Nunito}@media screen and (min-width: 800px){div.conteiner{width:100%;height:55vh;margin-bottom:90px;font-size:1.9em;flex-direction:row;position:relative;justify-content:start;background-color:var(--chocolateCosmos)}div.titles_box{width:70%;z-index:2;margin:0 0 0 50px}h2.title_content{margin:10px 0;text-align:start;text-indent:20px}p.subtitle_content{font-size:.9em;width:80%;margin:0}p#aboutMe_subtitle{font-size:.7em}div.box_img{width:30%;position:absolute;z-index:0;right:10px;bottom:0}div.box_img>img{width:100%;height:auto}section.content_component{width:90%;margin:40px auto auto}main.component{margin:0 0 100px}}div#conteiner_boxes_aboutMe{width:100%;display:flex;flex-direction:column}div.box_aboutMe{width:90%;font-family:Nunito;text-indent:2px;text-align:center;margin:auto}div.box_aboutMe>p{text-align:left;font-size:1em;margin:10px;text-indent:5px}div.box_aboutMe>p>strong{color:var(--chocolateCosmos);font-weight:800}.icon_aboutMe{font-size:2.4em;margin-top:10px;color:var(--chocolateCosmos2)}div.box_aboutMe>h3{font-size:1.5em;text-align:center;margin:0}div.box_aboutMe>p.text_graduation{text-align:center}@media screen and (min-width: 800px){div#conteiner_boxes_aboutMe{width:100%;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center}div.box_aboutMe{width:45%;border-radius:10px;padding:15px;overflow:hidden;transition:.2s ease}div.box_aboutMe:hover{background-color:var(--chocolateCosmos);color:#fff;transition:.3s ease-in}div.box_aboutMe:hover>p{font-size:1.1em}div.box_aboutMe:hover>p>strong{color:var(--chocolateCosmos2)}div.box_aboutMe:hover>.icon_aboutMe{color:#fff}div.box_text{border:2px solid black}}section#conteiner_projects{width:100vw;height:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px}div.box_projects{max-width:290px;height:auto;margin-top:50px;border-radius:10px;border:2px solid var(--chocolateCosmos);padding:0 0 10px;overflow:hidden;box-shadow:0 0 10px #00000051;align-self:flex-start;transition:transform .4s ease;background-color:#fff}div.box_projects:hover{transform:scale(1.02)}div.box_projects>div.box_img_project{width:100%;height:30%;display:flex;justify-content:center;align-items:center}p.p_inDevelopment{font-size:.9em;color:red;font-family:Nunito;font-weight:500;text-align:center}p#personalPageDevelopment{text-align:center}div.box_img_project>img{display:block;width:100%;height:auto;margin:0;padding:0}div.conteiner_visit_project{width:90%;display:flex;margin:10px auto auto;gap:5px;justify-content:center}a.box_icons_project{min-width:100px;display:flex;flex-direction:column;align-items:center;padding:10px;gap:5px;border-radius:10px;text-decoration:none}a.box_icons_project:hover{cursor:pointer}a.box_icons_project>p{margin:0}a.box_icons_project>svg{font-size:1.4em}a.box_icons_project>p{font-family:Nunito}a.icon_goToProject{background-color:var(--chocolateCosmos);box-shadow:none;color:#fff}a.icon_gitHub{background-color:transparent;box-shadow:none;color:var(--chocolateCosmos)}div.box_name_project>h3{width:100%;height:auto;color:var(--chocolateCosmos);font-size:1.6em;font-family:Kanit;text-align:center}div.box_techIcon_project{font-size:2.4em;color:var(--chocolateCosmos2);text-align:center;display:flex;justify-content:center}div.box_about_project{width:95%;height:auto;color:#fff;margin:auto}h3.title_project{font-size:1.4em;font-family:Kanit;color:var(--richBlack);text-align:center}div.box_about_project>p.description_project{font-size:.9em;font-family:Nunito;color:var(--richBlack);font-weight:600}div.box_about_project>p.description_project>strong{color:var(--chocolateCosmos);font-weight:700}div#box_project_sc:hover{box-shadow:0 0 10px #c57b57}div#box_project_st:hover{box-shadow:0 0 10px #308bda}div#box_project_sa:hover{box-shadow:0 0 10px orange}div#box_project_ds:hover{box-shadow:0 0 10px red}div.box_visit_project{width:90%;height:auto;font-size:2.1em;color:var(--chocolateCosmos2);display:flex;justify-content:center;gap:10px;padding:0;margin:auto}.icon_html_projects:hover{color:#e46526}.icon_css_projects:hover{color:#0062ff}.icon_js_projects:hover{color:#ff0}.icon_react_projects:hover{color:#0ff}@media screen and (min-width: 800px){section#conteiner_projects{width:95%;margin:auto;gap:15px;align-content:center;flex-wrap:wrap;flex-direction:row}div.box_projects{margin:0;flex-grow:10px;align-self:flex-start}}@media screen and (min-width: 1000px){section#conteiner_projects{width:100%;gap:40px}}div#conteiner_icons_skills{width:95vw;height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin:auto}div.box_tech{width:30%;background-color:transparent;background-color:var(--richBlack);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;font-size:1.1em;font-weight:700;font-family:Nunito;padding:10px;border-radius:5px;border:2px solid var(--chocolateCosmos);color:var(--chocolateCosmos2);transition:scale .2s ease}div.box_tech>svg{font-size:2.1em;margin-right:10px}div.box_tech:hover{cursor:pointer;transform:scale(1.05)}div#box_html5:hover{background-color:var(--chocolateCosmos);color:orange;transition:.2s}div#box_css3:hover{background-color:var(--chocolateCosmos);color:#00a6ff;transition:.2s}div#box_js:hover{background-color:var(--chocolateCosmos);color:#ff0;transition:.2s}div#box_react:hover{background-color:var(--chocolateCosmos);color:#0ff;transition:.2s}div#box_git:hover{background-color:var(--chocolateCosmos);color:#ff4d00;transition:.2s}div#box_tailwind:hover{background-color:var(--chocolateCosmos);color:#38bdf8;transition:.2s}@media screen and (min-width: 500px){div#conteiner_icons_skills{width:90%}div.box_tech{min-width:20%}}