@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";.container-about{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px}@media (max-width: 1020px){.container-about{justify-content:center;padding:15px;flex-direction:column}}.developer{color:var(--primary-color)}.welcome{font-size:12px;color:#c6c5c7;letter-spacing:.5px;font-weight:300}@media (max-width: 1020px){.welcome{letter-spacing:0px}}.apresentation-text{margin-top:20px;max-width:500px;margin-left:20px;color:#c6c5c7}@media (max-width: 1020px){.apresentation-text{margin-top:0;margin-left:0;width:100%}}.text{display:flex;height:300px;flex-direction:column;color:#fff;margin-left:10px}@media (max-width: 1020px){.text{margin-left:0;width:100%}}.profile{display:flex;width:40%;overflow:hidden;border:2px solid var(--primary-color);border-radius:100%;box-shadow:0 0 25px var(--primary-color);animation:pulse 2s infinite}@media (max-width: 1020px){.profile{width:70%;margin-top:-150px;justify-content:right}}.container-profile{display:flex;justify-content:right;width:80%}@media (max-width: 1020px){.container-profile{margin-top:100px;width:100%}}.profile img{width:100%;height:auto;border-radius:50%}.title-text{letter-spacing:2px;margin-bottom:20px;font-size:50px}@media (max-width: 1020px){.title-text{font-size:25px;letter-spacing:1px}}.subtitle-text{font-size:20px;font-weight:600;margin-left:20px}@media (max-width: 1020px){.subtitle-text{font-size:15px;letter-spacing:1px;margin-left:0}}.content-text{font-size:15px;margin-left:20px;color:#c6c5c7}@media (max-width: 1020px){.content-text{font-size:13px;margin-left:0}}@keyframes pulse{0%{box-shadow:0 0 10px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color)}to{box-shadow:0 0 10px var(--primary-color)}}.timeline-card{display:flex;flex-direction:column;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#bebdbd4f;border:1px solid rgba(255,255,255,.089);padding:20px;margin-top:10px;width:100%}@media (max-width: 1020px){.timeline-card{padding:15px}}.card-title{display:flex;justify-content:space-between}@media (max-width: 1020px){.card-title{flex-direction:column}}.card-title h1{display:flex;align-items:center;font-size:20px;color:#fff;font-weight:500}@media (max-width: 1020px){.card-title h1{font-size:18px;align-items:center}}.date{display:flex;align-items:center}@media (max-width: 1020px){.date{margin-left:0;margin-top:5px;align-items:center}}.date svg{color:var(--primary-color);font-size:16px;margin-right:3px}@media (max-width: 1020px){.date svg{font-size:16px;margin-right:5px}}.date p{font-size:13px;color:#c5c5c5}@media (max-width: 1020px){.date p{font-size:13px}}.company{display:flex;align-items:center;justify-content:right;color:#fff}@media (max-width: 1020px){.company{justify-content:left;font-size:13px}}.company svg{color:var(--primary-color);font-size:16px;margin-right:10px}@media (max-width: 1020px){.company svg{font-size:14px}}.description{display:flex;justify-content:left;width:100%;margin-top:20px;margin-bottom:20px}@media (max-width: 1020px){.description{width:100%}}.skills{display:flex;justify-content:left;margin-top:auto}.skills-title{color:var(--primary-color);font-size:15px;font-weight:600;border-bottom:1px solid var(--border-color)}.skills-title svg{font-size:17px;font-weight:600;margin-right:5px}.skills{font-size:13px;color:#fff}@media (max-width: 1020px){.skills{font-size:12px}}.title-timeline{color:#fff;border-bottom:1px solid var(--primary-color);font-size:25px;width:30%;font-weight:600;letter-spacing:1.5px}@media (max-width: 1020px){.title-timeline{font-size:20px;letter-spacing:0px;width:60%}}.experiences-container{display:flex;flex-direction:column;margin-top:10px;width:100%}.top-title{display:flex;align-items:center;width:100%}.top-title svg{color:var(--primary-color);font-size:25px;margin-right:10px}@media (max-width: 1020px){.top-title svg{font-size:16px}}.top-title p{font-size:12px;color:#c6c5c7;letter-spacing:.5px;font-weight:300}@media (max-width: 1020px){.top-title p{font-size:11px}}.cards{display:flex;justify-content:space-between}@media (max-width: 1020px){.cards{flex-direction:column}}.education-container{display:flex;flex-direction:column;margin-top:10px;width:100%}.top-title-education{display:flex;align-items:center;width:100%}.top-title-education svg{color:var(--primary-color);font-size:30px;margin-right:10px}@media (max-width: 1020px){.top-title-education svg{font-size:22px}}.top-title-education p{font-size:12px;color:#c6c5c7;letter-spacing:.5px;font-weight:300}@media (max-width: 1020px){.top-title-education p{font-size:11px}}.home-container{display:flex;flex-direction:column;width:100%}.timelines{display:flex;flex-direction:column;width:100%;height:100%;padding:20px;margin-top:200px}@media (max-width: 1020px){.timelines{margin-top:100px}}.timeline-components{display:flex;flex-direction:column;height:100%}.header{display:flex;align-items:center;justify-content:space-between;height:58px;width:100%;border-bottom:1px solid var(--border-color);padding:0 30px;white-space:nowrap}@media (max-width: 1020px){.header{flex-direction:column;justify-content:left;align-items:flex-start;height:100px;padding:0 10px}}.logo{display:flex;justify-content:left;align-items:center;width:10%}.logo img{width:25px;height:25px}@media (max-width: 1020px){.logo img{width:20px;height:20px}}.logo p{color:#fff;margin-left:10px;font-weight:500;font-size:15px}@media (max-width: 1020px){.logo p{font-size:13px}}.header-menu{display:flex;align-items:center;justify-content:space-between;font-size:13px;width:40%;height:100%}@media (max-width: 1020px){.header-menu{font-size:11px;width:100%}}.link{display:flex;align-items:center;text-decoration:none;color:#fff;transition:ease .3s;height:100%}.link:hover{color:var(--primary-color);transition:ease .3s;font-weight:600}.active-link{display:flex;align-items:center;text-decoration:none;color:var(--primary-color);font-weight:600;transition:ease .3s;height:100%;border-bottom:2px solid var(--primary-color)}.icons{display:flex;align-items:center;justify-content:space-between}.icons svg{color:var(--primary-color);font-size:16px;margin:5px;transition:ease .3s}@media (max-width: 1020px){.icons svg{font-size:14px}}.icons svg:hover{color:#fff;transition:ease .3s}.translate-btn{display:flex;align-items:center;gap:5px;border:none;padding:2px;font-size:16px;background-color:transparent;color:#fff;cursor:pointer}.card-project{display:flex;position:relative;width:80%;margin-top:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#bebdbd4f;border:1px solid rgba(255,255,255,.089);text-align:center;gap:20px;color:#fff;transition:all .3s ease}@media (max-width: 1020px){.card-project{width:100%;flex-direction:column}}.social-media-container{display:flex;flex-direction:column;gap:10px}.project-picture{position:relative;overflow:hidden;width:70%;height:400px;display:flex;justify-content:center;align-items:center;margin:auto;cursor:pointer}@media (max-width: 1020px){.project-picture{width:100%}}.project-picture img{width:100%;height:100%;object-fit:cover}.project-infos{display:flex;flex-direction:column;margin-top:15px;width:100%}.project-infos a{color:#fff}.project-infos a:hover{transition:.5s;color:#ff4d79}.info-container{display:flex;flex-direction:column;justify-content:space-between;margin-top:15px;width:30%}@media (max-width: 1020px){.info-container{width:100%}}.container-projects{display:flex;flex-direction:column;justify-content:center;padding:30px;align-items:center;width:100%}.container-certificate{display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px}.card{display:flex;flex-direction:column;border-radius:10px;width:100%;max-width:400px;border:1px solid rgba(255,255,255,.089);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#bbbbbb4f;color:#fff}.certificate-img{align-self:flex-start;margin:auto;width:100%;height:100%}.informations{width:100%;padding:10px}.title{font-size:20px}.description{font-size:12px;color:#c8c8c8}.skills{display:flex;flex-direction:column}.skill-icon{width:30px;height:30px}.date-course,.institution,.url{font-size:12px}.url{color:#fff;text-decoration:none;transition:.2s}.url:hover{transition:.2s;color:#ff4d79}.container-skill-card{position:relative;background-color:#030407bf;padding:20px;border-radius:10px;width:100%;border:1px solid var(--border-color);flex-direction:column;margin:5px}@media (max-width: 1020px){.container-skill-card{width:90%;position:relative}}.logo-title{display:flex;justify-content:space-between;height:60%}.logo-title img{width:30px;height:30px}@media (max-width: 1020px){.logo-title img{width:30px}}.logo-title h1{font-size:13px}@media (max-width: 1020px){.logo-title h1{font-size:12px}}.container-line{margin-top:20px;display:flex;align-items:center;justify-content:space-between;height:30%}.line{display:flex;align-items:baseline;height:4px;width:100%}.container-skills{display:flex;flex-direction:column;flex-wrap:wrap;width:100%}@media (max-width: 1020px){.container-skills{padding:5px}}.cards-skills{display:flex;width:100%}@media (max-width: 1020px){.cards-skills{flex-direction:column;justify-content:center;align-items:center;width:100%}}.skill-title{color:#fff;margin-left:20px;letter-spacing:1.5px;font-size:25px;margin-top:20px;margin-bottom:10px}@media (max-width: 1020px){.skill-title{font-size:20px}}.certificates-container{display:flex;flex-direction:column;justify-content:left;width:100%;padding:5px}.grid-cards{display:grid;grid-template-columns:400px 400px 400px;justify-content:space-around}@media (max-width: 1020px){.grid-cards{display:flex;flex-direction:column;justify-content:center}}.container-contact{display:flex;justify-content:center;align-items:center}.card-client{width:50%;margin-top:20px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#bebdbd4f;border:1px solid rgba(255,255,255,.089);text-align:center;color:#fff;transition:all .3s ease}@media (max-width: 1020px){.card-client{width:90%}}.card-client:hover{transform:translateY(-10px)}.user-picture{overflow:hidden;object-fit:cover;width:5rem;height:5rem;border:2px solid var(--primary-color);border-radius:999px;display:flex;justify-content:center;align-items:center;margin:auto}.email{font-size:13px;letter-spacing:1px;font-weight:100}.user-picture img{width:100%;height:100%;object-fit:cover;border-radius:999px}.name-client{margin:20px 0 0;font-weight:600;font-size:18px}.profissao{display:block;font-weight:200;font-size:16px}.social-media:before{content:" ";display:block;width:100%;height:2px;margin:20px 0;background:var(--primary-color)}.social-media a{position:relative;margin-right:15px;text-decoration:none;color:inherit}.social-media a:last-child{margin-right:0}.social-media a svg{width:1.1rem;fill:currentColor}.tooltip-social{background:#262626;display:block;position:absolute;bottom:0;left:50%;padding:.5rem .4rem;border-radius:5px;font-size:.8rem;font-weight:600;opacity:0;pointer-events:none;transform:translate(-50%,-90%);transition:all .2s ease;z-index:1}.tooltip-social:after{content:" ";position:absolute;bottom:1px;left:50%;border:solid;border-width:10px 10px 0 10px;border-color:transparent;transform:translate(-50%,100%)}.social-media a .tooltip-social:after{border-top-color:#262626}.social-media a:hover .tooltip-social{opacity:1;transform:translate(-50%,-130%)}*{margin:0;padding:0;box-sizing:border-box;outline:none}:root{--primary-color: rgb(255, 77, 121);--theme-bg-color: rgba(16 18 27 / 40%);--border-color: rgba(113 119 144 / 25%);--theme-color: #f9fafb;--inactive-color: rgb(113 119 144 / 78%);--hover-menu-bg: rgba(12 15 25 / 30%);--content-title-color: #999ba5;--content-bg: rgb(146 151 179 / 13%);--button-inactive: rgb(249 250 251 / 55%);--dropdown-bg: #21242d;--dropdown-hover: rgb(42 46 60);--popup-bg: rgb(22 25 37);--search-bg: #14162b;--overlay-bg: rgba(36, 39, 59, .3);--scrollbar-bg: rgb(1 2 3 / 40%);--body-font: "Poppins", sans-serif}.light-mode{--theme-bg-color: rgb(255 255 255 / 31%);--theme-color: #3c3a3a;--inactive-color: #333333;--button-inactive: #3c3a3a;--search-bg: rgb(255 255 255 / 31%);--dropdown-bg: #f7f7f7;--overlay-bg: rgb(255 255 255 / 30%);--dropdown-hover: rgb(236 236 236);--border-color: rgb(255 255 255 / 35%);--popup-bg: rgb(255 255 255);--hover-menu-bg: rgba(255 255 255 / 35%);--scrollbar-bg: rgb(255 253 253 / 57%);--content-title-color: --theme-color}html{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:var(--body-font);background-image:url(/bg.jpg);background-size:cover}.container{flex-direction:column;background-color:var(--theme-bg-color);display:flex;width:100%;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);min-height:100vh}.dark-light{position:fixed;bottom:50px;right:30px;background-color:var(--dropdown-bg);box-shadow:-1px 3px 8px -1px #0003;padding:8px;border-radius:50%;z-index:3;cursor:pointer;svg {width: 24px; flex-shrink: 0; fill: #ffce45; stroke: #ffce45; transition: .5s;}}.light-mode .dark-light svg{fill:transparent;stroke:var(--theme-color)}.light-mode .profile-img{border:2px solid var(--theme-bg-color)}.light-mode .content-section ul{background-color:var(--theme-bg-color)}.light-mode .pop-up__title{border-color:var(--theme-color)}.light-mode .dropdown.is-active ul{background-color:#fffffff0}body.light-mode:before,body.light-mode .video-bg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.72) 0%,rgb(255 255 255 / 45%) 100%);-webkit-backdrop-filter:saturate(3);backdrop-filter:saturate(3)}.shape{position:absolute;animation:morph 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:160px;transition:all 1s ease-in-out;width:160px;z-index:-1;top:18%;left:70%;background:linear-gradient(45deg,#ff003728 0%,#ff78953a 100%)}@media (max-width: 1020px){.shape{background:transparent;left:0%}}.shape-1{animation:morph 8s ease-in-out infinite;height:120px;width:120px;z-index:1;top:4%;left:90%;background:linear-gradient(45deg,#ff00376a 0%,#ff78958d 100%)}@media (max-width: 1020px){.shape-1{background:transparent;left:0%}}.shape-2{animation:morph 8s ease-in-out infinite;height:90px;width:90px;z-index:1;top:20%;left:75%;background:linear-gradient(45deg,#ff00376a 0%,#ff78958d 100%)}@media (max-width: 1020px){.shape-2{background:transparent;left:0%}}.shape-3{animation:morph 8s ease-in-out infinite;height:70px;width:70px;z-index:-1;top:15%;left:2%;background:linear-gradient(45deg,#ff00373f 0%,#ff789546 100%)}@media (max-width: 1020px){.shape-3{background:transparent;left:0%}}.shape-4{animation:morph 8s ease-in-out infinite;height:160px;width:160px;z-index:-1;top:7%;left:20%;background:linear-gradient(45deg,#ff0037c2 0%,#ff7895c0 100%)}@media (max-width: 1020px){.shape-4{background:transparent;left:0%}}.shape-5{animation:morph 8s ease-in-out infinite;height:80px;width:80px;z-index:-1;top:12%;left:18%;background:linear-gradient(45deg,#ff003765 0%,#ff78955e 100%)}@media (max-width: 1020px){.shape-5{background:transparent;left:0%}}.shape-6{animation:morph 8s ease-in-out infinite;height:110px;width:100px;z-index:-1;top:50%;left:80%;background:linear-gradient(45deg,#ff0037c2 0%,#ff7895c0 100%)}@media (max-width: 1020px){.shape-6{background:transparent;left:0%}}.shape-7{animation:morph 8s ease-in-out infinite;height:130px;width:130px;z-index:-1;top:65%;left:13%;background:linear-gradient(45deg,#ff0037c2 0%,#ff7895c0 100%)}@media (max-width: 1020px){.shape-7{background:transparent;left:0%}}.shape-8{animation:morph 8s ease-in-out infinite;height:80px;width:80px;z-index:-1;top:35%;left:0%;background:linear-gradient(45deg,#ff003765 0%,#ff78955e 100%)}@media (max-width: 1020px){.shape-8{background:transparent;left:0%}}.shape-9{animation:morph 8s ease-in-out infinite;height:80px;width:80px;z-index:-1;top:63%;left:18%;border:1px solid var(--primary-color)}@media (max-width: 1020px){.shape-9{background:transparent;border:none;left:0%}}.shape-10{animation:morph 8s ease-in-out infinite;height:150px;width:150px;z-index:-1;top:73%;left:88%;background:linear-gradient(45deg,#ff0037c2 0%,#ff7895c0 100%)}@media (max-width: 1020px){.shape-10{background:transparent;left:0%}}.shape-11{animation:morph 8s ease-in-out infinite;height:120px;width:120px;z-index:-1;top:92%;left:70%;background:linear-gradient(45deg,#ff0037c2 0%,#ff7895c0 100%)}@media (max-width: 1020px){.shape-11{background:transparent;left:0%}}.shape-12{animation:morph 8s ease-in-out infinite;height:80px;width:80px;z-index:-1;top:95%;left:68%;border:1px solid var(--primary-color)}@media (max-width: 1020px){.shape-12{background:transparent;border:none;left:0%}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}