@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Pacifico&display=swap";:root{--main-bg-color: #181A1B;--transparent-bg-color: #181a1bd2;--focus-txt-color: #CCC8C1;--nofocus-txt-color: #9D9588;--clean-txt-color:#ffffff;--yellow-color:#ffb703;--default-font: "Inter", sans-serif;--cursive-font: "Pacifico", cursive}*{color:var(--focus-txt-color);text-decoration:none;list-style:none;margin:0;padding:0;font-family:var(--default-font);font-weight:700;scroll-behavior:smooth;transition:all .2s ease;box-sizing:border-box;min-width:0;color-scheme:dark;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{background-color:var(--main-bg-color)}body{width:90vw;margin:auto;min-height:100dvh;max-width:1920px}h1,h2,h3,h4{text-wrap:balance}h2{color:var(--clean-txt-color)}p{text-wrap:pretty;font-size:17px;line-height:1.5}.focustxt{color:var(--focus-txt-color)}main{height:75vh;display:flex;align-items:center}.icon{color:#fff}@media (width <= 1000px){main{margin:4rem auto;height:auto}}.navbar{width:100%;margin:auto;display:flex;justify-content:space-between}.name{font-size:1.5rem;font-family:Pacifico,cursive;padding:2rem 0;cursor:pointer}.name:hover{color:var(--clean-txt-color);transition:all .2s ease}.menu{display:flex;font-size:1em}.menu li{padding:1.5rem;display:flex;align-items:center}.menu li a:hover{color:var(--clean-txt-color);transition:all .2s ease}.icon-navbar{display:none}@media screen and (width <= 1000px){.menu li{padding:1rem}.txt-navbar,.icon-navbar{display:none}}.selector{background-color:var(--main-bg-color);border:none;font-size:1em}select:hover{color:var(--clean-txt-color);transition:all .2s ease}.options{padding:2rem}.button{border-radius:20px;width:auto;background-color:transparent;border:3px solid var(--focus-txt-color);cursor:pointer}.button p{padding:1rem 2rem;color:var(--focus-txt-color);font-size:1rem}.button:hover:hover{border:3px dashed var(--focus-txt-color)}.txthome{padding:2rem 0;font-size:30px;color:var(--focus-txt-color);line-height:1.5;width:50ch}.start-home{display:flex;width:100%;justify-content:space-between}.icons-side{display:inline-grid}.hitxt{font-size:40px}.social-section{display:flex;align-items:center}.social-bar{display:flex;flex-direction:row;gap:1rem}.social-icons{display:flex;text-align:center;justify-content:center;align-items:center;width:60px;height:60px;border:3px solid;border-radius:20px;cursor:pointer}.github-icon{color:#2dba4e}.linkedin-icon{color:#0e76a8}.social-icons:hover{border:3px dashed}@media (width <= 900px){.txthome{width:100%}.start-home{flex-direction:column;height:auto}}.ubi-cont{width:fit-content;display:flex;justify-content:center;align-items:center;margin:.5rem 0;gap:.5rem}.ubi-txt{font-size:20px;color:var(--focus-txt-color)}.ubi-state{border-radius:100%;width:12px;height:12px;background-color:#2dc653;border:none}.about{display:grid;grid-template-columns:1fr;margin:auto;align-items:center;padding:4rem 0 0}.img-profile{margin:auto;align-items:center;justify-content:center;text-align:center;width:100%}.info-aboutme{width:60%;margin:auto;padding:3rem 0 0}.info-title{text-align:center;padding:3rem 0;width:80%;margin:auto}.info-aboutme-sections{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.info-aboutme-sections article h2{text-align:left;padding:1.5rem 0}.info-aboutme-sections article p{text-align:left}.education-aboutme{width:80%;margin:auto;padding:3rem 0 0}.education-title{text-align:center;padding:0 0 3rem;width:80%;margin:auto}.education-aboutme-sections{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:2rem}.education-item{border-radius:10px;height:min-content;padding:1rem;border:1px solid var(--clean-txt-color)}.education-item h2{text-align:left;font-size:20px}.education-item p{padding:.5rem 0;text-align:left;color:#2dc653}.skill-aboutme{padding:2rem 0}@media (min-width: 900px){.about{width:60%;grid-template-columns:1fr 1fr}}@media (max-width: 900px){.about{grid-template-columns:1fr}.about-txt{text-align:center}.img-profile{padding:2rem 0}.info-aboutme{width:90%;margin:auto}.info-title{text-align:center;padding:3rem 0;width:90%;margin:auto}.info-aboutme-sections{display:flex;flex-direction:column;gap:5rem}.info-aboutme-sections article h2{text-align:center;padding:1.5rem 0}.info-aboutme-sections article p{text-align:center}.education-aboutme{width:90%;margin:auto;padding:3rem 0}.education-title{text-align:center;padding:3rem 0;width:80%;margin:auto}.education-aboutme-sections{display:grid;grid-template-columns:1fr;gap:2rem}.education-item{border-radius:10px;height:min-content;padding:1rem;border:1px solid var(--clean-txt-color)}.education-item h2{text-align:left;font-size:20px}.education-item p{padding:.5rem 0;text-align:left;color:#2dc653}}.about-txt h1{font-size:2rem;color:var(--clean-txt-color);margin:1rem 0}.about-txt h2{font-size:1.5rem;line-height:1.4}.img-profile img{border-radius:100%;width:60%}.img-indev{filter:blur(.3rem)}.orange{color:#e67e22}.white-blue{color:#3498db}.dark-blue{color:#2980b9}.yellow{color:#f1c40f}.white-red,.dark-red{color:#e74c3c}.white-green{color:#2ecc71}.dark-green{color:#27ae60}.pink{color:#ff6b81}.skill{width:10rem}.skill p{margin:.5rem 0}.skills{display:flex;margin:auto;justify-content:center;align-items:center;text-align:center;gap:1.5rem;flex-wrap:wrap}.skill{width:fit-content;border-radius:20px;border:2px solid;padding:1rem 1.5rem}.card{display:inline-block;margin:1em 0}.title-card{color:var(--clean-txt-color);font-size:25px;padding:.5em 0}.description-card{padding:0 0 .5em;color:var(--focus-txt-color);line-height:1.5;font-size:17px}.img-card{width:100%;border-radius:20px}.img-card:hover{opacity:.7}.button-card{border-radius:20px;width:auto;background-color:transparent;border:3px solid var(--focus-txt-color);margin:1em 1em 0 0;cursor:pointer}.button-card p{padding:1rem 2.5rem;color:var(--focus-txt-color);font-size:1rem;justify-content:center;align-items:center;text-align:center;display:flex;gap:10px}.button-card:hover{border:3px dashed var(--focus-txt-color)}.tags{display:flex;width:100%;flex-direction:row;gap:.5rem}.used-skills-cont{display:flex;width:fit-content;margin:.5rem 0 0;padding:.5rem .8rem;align-items:center;justify-content:center;border-radius:10px;border-style:dashed;border-color:var(--nofocus-txt-color);font-size:15px}.used-skills-txt{font-size:14px;color:var(--clean-txt-color)}.category-cont{display:flex;width:fit-content;margin:.5rem 0 0;padding:.5rem .8rem;align-items:center;justify-content:center;border-radius:10px;border-style:dashed;border-color:var(--yellow-color);font-size:15px}@media screen and (min-width: 800px){.btn-cont{display:flex}}@media screen and (max-width: 800px){.btn-cont{display:grid;grid-template-columns:1fr}}.projects{padding:1em 0}.title-projects{font-size:25px;color:var(--clean-txt-color)}.projects-cont{columns:3 350px;column-gap:5em;margin:1em 0}