body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:large;color:#f5f5f5;padding:0;margin:0;display:grid;grid-template-areas:"header header header" "projects projects projects" "experience experience experience" "form form form";grid-template-columns:repeat(3,1fr)}@media (max-width: 1350px){body{font-size:medium}}@media (max-width: 950px){body{font-size:small}}header{grid-area:header;display:flex;flex-flow:row nowrap;place-content:center;align-items:center;box-sizing:border-box;background-color:#0e1f1f;position:relative;height:auto;width:99vw;gap:5vw;padding:2vh 5vw}@media (max-width: 1155px){header{flex-flow:column nowrap;gap:3vh;padding:0 1vw}}img{width:30vw;border-radius:9999px;box-sizing:border-box}ul{display:flex;flex-flow:column wrap;place-content:space-between;list-style-type:none;gap:10px;margin:0;padding:0}h3{padding:3px}aside img{opacity:.4;transition:opacity .3s}aside img:nth-child(1){transition-delay:.4s}aside img:nth-child(2){transition-delay:.8s}aside img:nth-child(3){transition-delay:.5s}aside img:nth-child(4){transition-delay:1s}aside img:nth-child(5){transition-delay:.7s}aside img:nth-child(6){transition-delay:.2s}aside img:nth-child(7){transition-delay:.9s}aside img:nth-child(8){transition-delay:.4s}aside img:nth-child(9){transition-delay:1.2s}aside:hover img{opacity:1}.front_end h3:nth-child(2){border:none;border-radius:10px;position:relative}.front_end h3:nth-child(1){border:none;border-radius:10px;position:absolute}.github_image{width:auto;height:35px}.wave{color:#d31212;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{clip-path:polygon(0% 47%,10% 48%,33% 54%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0% 100%)}50%{clip-path:polygon(0% 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0% 100%)}}.title{display:flex;flex-flow:column wrap;place-items:center;box-sizing:border-box;gap:5vh;padding:5vw;width:65vw;height:auto}.name{display:flex;flex-flow:row wrap;align-items:center;gap:5px;padding:0 5px;box-sizing:border-box}.front_end{display:flex;flex-flow:row nowrap;place-content:center;width:auto;height:auto;position:relative;box-sizing:border-box}.contact_button{display:flex;flex-flow:row wrap;place-content:center;position:relative;background-color:#f5f5f5;box-sizing:border-box;border-radius:30px;border:none;gap:1vw;padding:5px;width:auto;height:auto;transition-duration:2s;opacity:.4}.contact_button:hover{opacity:.9;box-shadow:0 0 5px #f5f5f5}.photo{display:flex;flex-direction:row;justify-content:center;box-sizing:border-box;padding:1vw;width:min-content;height:min-content}.react_image,.js_image,.css_image,.html_image,.mysql_image,.python_image,.typescript_image,.figma_image{border-radius:10px;width:4vw;height:auto}@media (max-width: 1250px){.react_image,.js_image,.css_image,.html_image,.mysql_image,.python_image,.typescript_image,.figma_image{width:7vw}}.github_image,.linkedin_image{border-radius:12px;width:4vw;height:auto}@media (max-width: 1150px){.github_image,.linkedin_image{width:7vw}}#tech{display:flex;flex-flow:column;place-content:center;gap:4vh;box-sizing:border-box;grid-area:tech;width:auto;height:auto;position:absolute;left:2vw;top:3vh}.technology{gap:10px}#experience{grid-area:experience;display:flex;flex-flow:column wrap;place-content:center;padding:3vh;width:99vw;height:auto;box-sizing:border-box;background-color:#0e1f1f;color:#000}#experience h2{display:flex;justify-content:center;color:#f5f5f5}#experience article{display:flex;flex-flow:row wrap;place-content:center;width:90vw;height:auto;gap:10px;box-sizing:border-box;padding:10px}#experience article aside{display:flex;flex-flow:column nowrap;place-content:center;align-items:center;gap:10px;padding:10px;width:35vw;height:auto;background-color:#f5f5f5;box-sizing:border-box;border-radius:10px 0 0 10px}#experience article div{display:flex;flex-flow:row wrap;place-content:center;background-color:#f5f5f5;padding:10px;border-radius:0 10px 10px 0}#experience article div ul{display:flex;flex-flow:column wrap;place-content:center;width:35vw}#projects{grid-area:projects;display:flex;flex-flow:column wrap;place-content:center;align-items:center;gap:13vh;padding:5vw;box-sizing:border-box;background-color:#0e1f1f;width:99vw;height:auto}@media (max-width: 955px){#projects{flex-flow:column nowrap;place-items:center;gap:5vh;padding:10vw}}#projects div{display:flex;flex-flow:column wrap;place-items:center;border-radius:10px;padding:1vw;width:70vw;height:auto;background-color:#f5f5f5;color:#000;box-sizing:border-box;animation:reveal linear both;animation-timeline:view();animation-range:entry 20% cover 40%}#projects div video{border-radius:10px;width:100%;height:95%}#projects h2{animation:reveal linear both;animation-timeline:view();animation-range:entry 60% cover 70%}@keyframes reveal{0%{opacity:0}to{opacity:1}}.contact{display:flex;flex-flow:row wrap;place-content:center;gap:1vw;box-sizing:border-box;width:35vw;height:auto}.contact fieldset{border:none;border-radius:30px;width:fit-content;height:auto;box-sizing:border-box;padding:2vh}.contact_imagens{display:flex;flex-flow:row nowrap;place-content:center;box-sizing:border-box;border-radius:30px;gap:3vw;padding:10px;width:auto;height:auto}.contact img{position:relative;padding:1vh;width:12vh;height:auto;opacity:.5;transition:opacity 1s;background-color:#f5f5f5}.contact img:hover{opacity:1}@media (max-width: 1250px){.contact img{width:10vw}}#form{grid-area:form;display:flex;flex-flow:row wrap;place-content:center;width:99vw;height:55vh;padding:5vw 10vh;gap:5vw;box-sizing:border-box;background-color:#111010f2}#education{display:flex;flex-flow:column wrap;place-content:center;align-items:center;padding:1vh;gap:3vh;box-sizing:border-box}