@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap";.main-app{display:flex;min-height:100vh;align-items:center;height:auto;flex-direction:column;width:100%}.main-info{display:flex;flex-direction:column;width:95%;padding:5vw;margin-bottom:1rem;margin-top:20px;background-color:#242423;border-radius:12px}.profile-image{display:flex;align-items:center;justify-content:center;width:100%;height:auto}.profile-image img{animation:img-fly infinite ease-in-out 5s;margin-left:10px;width:100%;height:auto;border-radius:12px}.info-container{position:relative;text-align:center}.info-container img{width:40%;height:auto}.info-title{border-radius:12px;padding:8px;width:fit-content;height:fit-content;font-size:4vw;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info-title h1{color:#cfdbd5}.info-text-1,.info-text-3,.info-text-2{display:flex;align-items:center;justify-content:space-between;background-color:#333533;font-weight:500;color:#e8eddf;margin-top:2rem;padding:2.5vw;border-radius:14px}.info-text-1 img,.info-text-3 img,.info-text-2 img{width:20%;border-radius:6px;padding:12px;background-color:#01a44f;background-image:linear-gradient(225deg,#01a44f 0%,#139eca 50%,#2b86c5 100%)}.info-text-1 p,.info-text-3 p,.info-text-2 p{padding:4px;font-size:1.8vw;width:50vw}.info-text-2{flex-direction:row-reverse}.info-text-2 img{width:40%;padding:0;background-color:unset}.info-text-2 p{width:40vw}.info-text-3{display:grid;grid-template-columns:1fr 2fr;flex-wrap:wrap;gap:1rem}@media (max-width: 900px){.info-text-3{grid-template-columns:1fr;justify-items:center;align-content:center}.info-text-3 p{font-size:3vw}}.info-text-3 .info-about{display:flex;flex-direction:column;padding:12px;border-radius:4px;border:1px solid #e8eddf}.info-text-3 .info-about h1{color:#e8eddf;margin-bottom:4px}.info-final{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;text-align:center}.info-final h1{color:#e8eddf;font-size:1.2rem}.info-button{margin-top:1rem;background-color:#e8eddf;width:fit-content;padding:30px;border-radius:30px}.info-button:hover{cursor:pointer;transition:.2s;opacity:.6}@media (max-width: 800px){.info-text-1 p,.info-text-2 p,.info-text-3 p{font-size:2.3vw}}@keyframes img-fly{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.skill-card-main{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.skill-view{animation:modalSkill .5s ease-in-out;display:flex;flex-direction:column;background-color:#333533;padding:8px;border-radius:12px;width:100%;margin-top:50px}.skill-view label{color:#7c7c7c;align-self:flex-start;margin:5px;padding:0 20px}.skill-view label:hover{text-decoration:underline;cursor:pointer}.skill-title{display:flex;align-items:center;justify-content:space-between;align-self:flex-start;padding:15px;width:95%}.skill-title h1{margin:0;color:#cfdbd5;font-size:6vw}.skill-title svg{color:#2e2e2e}.skill-title svg:hover{cursor:pointer;transform:rotate(90deg);transition:.2s}.skill-content{overflow-x:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:25px;align-items:center;justify-content:center;flex-wrap:wrap;padding:20px;width:100%}.skill-card{display:grid;grid-template-columns:1fr;justify-content:center;justify-content:space-evenly;align-items:center;border-radius:12px;width:100%;height:80px;padding:5px 15px;color:#fff;font-weight:600;cursor:default;background:linear-gradient(90deg,rgb(1,167,194) 0%,rgb(59,156,208) 100%)}.skill-card p{display:flex;margin-left:5px;align-items:center}.skill-card img{width:32px;height:auto;margin-right:10px;border-radius:20%;padding:5px;background-color:#fff}.skill-card svg{margin-left:8px;color:#f5cb5c}.skill-card h1{color:#fff}.skill-card:hover{transform:translateY(-4px);transition:.2s all ease-in-out}.skill-percent{display:flex;justify-content:flex-start;align-items:center}.skill-percent svg{margin:0 8px;color:#fff}.skill-button{display:flex;align-items:center;justify-content:center;padding:20px 10px;width:100%}.skill-button a{all:unset}.skill-button button{color:#fff;font-size:1.265rem;padding:10px 20px;outline:none;border-radius:6px;background-color:#01a7c2}.skill-button button:hover{cursor:pointer;transition:all .2s;background-color:#3d3d3d}.skill-button label{color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.skill-button svg{margin-right:10px}.project-main{width:100%;margin-top:2rem;background-color:#333533;padding:15px;border-radius:12px}.project-main h1{font-size:6vw;color:#cfdbd5;margin-bottom:12px}.project-content{display:grid;width:100%;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem;padding:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-item{transition:.2s;width:100%;background-color:#e8eddf;border-radius:8px;padding:4px;height:100%}.project-item img{width:100%;border-radius:4px}.project-item:hover{transition:.2s;transform:translateY(-10px)}.project-text{padding:12px}.project-text h1{color:#333533;font-size:2rem;border-bottom:1px solid #333533;margin-bottom:4px}.project-text label{font-size:1.2rem}.navbar-main{display:flex;align-items:center;align-self:center;width:100%;padding:8px 20px;background-color:none}.navbar-img{position:relative;width:8rem;height:8rem;background-size:cover;background-repeat:no-repeat;background-position:-40px;border-radius:50%;background-image:url(/assets/profile-344e79e4.webp);margin-right:12px}.navbar-img label{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:5rem}.navbar-img:hover label{opacity:0;animation:showAndNone 1s ease-in-out;transition:all 1.2s ease;display:flex;z-index:100}.navbar-info{display:flex;flex-direction:column}.navbar-info h1{margin-bottom:4px}.navbar-links{display:flex;gap:.575rem;flex-wrap:wrap;align-items:center}.navbar-links-items{cursor:pointer;display:flex;width:fit-content;align-items:center;border-radius:8px;background-color:#242423;padding:6px 8px;color:#fff}.navbar-links-items label{cursor:pointer}.navbar-links-items svg{margin-right:8px}.navbar-links-items:hover{opacity:.8}@media (max-width: 800px){.navbar-main{flex-direction:column}}@keyframes showAndNone{0%{opacity:1}to{opacity:0}}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;background-color:#e8eddf}h1{font-family:Montserrat,sans-serif;font-weight:600;color:#242423}p,span,label,::placeholder{font-family:Poppins,sans-serif}a{text-decoration:none;color:#242423;width:100%}button{border:none;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#242423;border:0px none #333533;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#141414}::-webkit-scrollbar-track{background:#e8eddf;border:0px none #e8eddf;border-radius:0}::-webkit-scrollbar-corner{background:transparent}