.about-content{background-color:var(--color-base-100);display:flex;flex-direction:column;align-items:var(--color-base-100);padding:1.75rem;border-radius:var(--card-border-radius)}.about-content p{text-align:left;font-size:larger;margin-bottom:var(--m-1)}.stats-items{margin-top:var(--m-2-5);justify-content:space-around;row-gap:2rem}.stats-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stats-item svg{color:var(--color-base-content)}.contact-container{display:flex;flex-wrap:wrap;justify-content:space-between}.contact-box{width:40%}.contact-form{width:60%;display:flex;flex-direction:column}.contact-data{display:grid;row-gap:2rem}@media (max-width: 40rem){.contact-container{justify-content:center;row-gap:2.5rem}.contact-box,.contact-form{width:90%}.contact-data{justify-content:center}}.contact-subtitle{margin-bottom:var(--m-0-5)}.contact-description{display:inline-flex;align-items:center;column-gap:.75rem;line-height:normal}.contact-inputs{display:grid;row-gap:2rem;margin-bottom:var(--m-2-5)}.contact-content{position:relative;height:3rem;border-bottom:2px solid var(--color-base-content)}.contact-content span{position:absolute;content:"";bottom:-2px;left:0;height:2px;width:0%;transition:.5s;background-color:var(--color-primary)}.contact-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem 1rem 1rem 0;background:none;color:var(--color-base-content);outline:none;border:none;z-index:1}.contact-input:focus~span{width:100%}.contact-label{position:absolute;top:.4rem;width:100%;font-size:var(--normal-font-size);transition:.3s}.contact-area{height:7rem}.contact-area textarea{resize:none}.contact-input:focus+.contact-label{top:-.75rem;left:0;z-index:10;color:var(--color-primary)}.contact-form button{outline:none;border:none;cursor:pointer;color:#fff}.experience-container{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:15px;justify-content:center}.experience-card{width:460px;background-color:var(--color-base-100);padding:2rem 1rem;border-radius:var(--card-border-radius)}.timeline-item{padding-left:2.5rem;padding-bottom:2rem;position:relative}.timeline-item:last-of-type{padding-bottom:0rem}.timeline-item:before{content:"";width:2px;position:absolute;height:100%;background-color:var(--color-primary);top:0;left:var(--m-0-5);border-radius:var(--card-border-radius)}.timeline-icon{width:2rem;height:2rem;position:absolute;top:0;left:-.4rem;color:var(--color-primary);background-color:var(--color-base-100);padding-top:.35rem;padding-bottom:.35rem}.timeline-date{font-size:var(--small-font-size);color:var(--color-base-content)}.timeline-date svg{margin-right:.5rem}.timeline-title{margin-top:var(--m-0-75)}.timeline-subtitle{color:var(--color-base-content);margin-bottom:var(--m-0-75)}.timeline-text{list-style:disc}.timeline-text li:not(:last-of-type){margin-bottom:.75rem}.footer{padding:40px 0}.footer-text{text-align:center}.home{display:flex;flex-direction:column;height:calc(100vh - 72px)}.home .intro{text-align:center;margin-top:auto;margin-bottom:auto}.home .intro img{border-radius:50%;height:144px;width:144px;margin-bottom:var(--m-1-5);padding:4px;background-color:#fff;border:2px solid var(--color-base-300)}.home .intro .social-icons{margin-top:var(--m-1-5);margin-bottom:var(--m-1-5);font-size:var(--h3-font-size)}.home .intro .social-icons li{display:inline-block}.home .intro .social-icons li:not(:last-of-type){margin-right:var(--m-1-5)}.home svg{fill:var(--color-base-content)}.home .intro .social-icons li svg:hover{fill:var(--color-primary)}.scroll-down{margin-left:auto;margin-right:auto;padding-top:1rem;padding-bottom:1.25rem;display:flex;flex-direction:column;align-items:center;margin-top:auto}.header{width:100%;background-color:var(--color-base-200);position:sticky;top:0;z-index:5}.header-scroll{box-shadow:0 1px 4px #00000040}.nav{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;column-gap:3rem}.nav-logo{position:relative;font-size:var(--h2-font-size);font-weight:var(--font-semi-bold);letter-spacing:.125rem}.nav-logo:after{position:absolute;content:"";width:.3rem;height:.3rem;border-radius:50%;background-color:var(--color-primary);top:56%;right:-.25rem}#nav-menu{margin-left:auto}.nav-list{display:flex;column-gap:1rem;font-weight:var(--font-medium);align-items:center}.nav-btn-group{display:flex;align-items:stretch;column-gap:1rem}.nav-btn-group svg{fill:var(--color-base-content);display:block}#btn-open-nav,#btn-close-nav{display:none}.nav-link{padding:.5rem 1rem;border-radius:var(--btn-border-radius);transition:background-color .3s}@media (max-width: 48rem){.nav{height:var(--header-height)}.nav-list{flex-direction:column;row-gap:1.5rem}#nav-menu{background:var(--color-base-100);position:fixed;width:60%;height:100%;top:0;right:-100%;padding:2rem;border-radius:1rem 0 0 1rem;z-index:100;transition:right .3s}#nav-menu.show{right:0}#btn-close-nav{margin-left:auto;margin-right:auto;padding-bottom:1.5rem;display:block}#btn-open-nav{display:block}}.active-link{background-color:var(--color-primary);color:#fff}#nav-theme-btn{cursor:pointer}#projects .container{max-width:100%;padding-inline:4rem}.projects-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.project-card{position:relative;aspect-ratio:16 / 9;border-radius:var(--card-border-radius);overflow:hidden;text-align:center;container-type:inline-size;container-name:project-card}.project-card:before{content:"";position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.project-card:hover:before{opacity:1}.project-card-hover{z-index:2;position:absolute;inset:0;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-direction:column;row-gap:.5rem;opacity:0;transition:opacity .3s ease-in-out}.project-card:hover .project-card-hover{opacity:1}.project-title{color:#fff;font-size:2rem;line-height:normal;text-wrap:balance}.project-tags-container{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;padding-inline:.5rem;overflow-y:auto}.project-tag{background-color:var(--color-primary);padding:.25rem 1rem;border-radius:.75rem;color:#fff;font-size:small}.project-buttons{display:flex;justify-content:space-around;width:100%}.circular-Button-no-hover,.circular-Button,.project-buttons a{width:3rem;height:3rem;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;color:#fff;transition:filter .3s ease-in-out}.project-buttons-group-links{position:absolute;bottom:50%;translate:0 50%;display:flex;gap:.5rem;opacity:0;transition:.3s ease-in-out}.project-buttons-group:hover .project-buttons-group-links{opacity:1}.project-buttons a.disabled{pointer-events:none;cursor:not-allowed;opacity:.8;filter:grayscale(100%)}.circular-Button:hover,.project-buttons a:hover{filter:brightness(150%)}.circular-Button svg,.project-buttons svg{fill:#fff}.project-buttons-group{position:relative;gap:.5rem}.gallery-slider{border:none;padding:0;background:transparent;color:#fff;max-width:100vw;max-height:100vh}.gallery-slider::backdrop{background:#000c}.gallery-slider-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:relative}.gallery-slider-circles button:hover,.gallery-slider-circle-active{filter:brightness(150%);transition:filter ease-in-out .3s}.close-button,.back-button,.forward-button{position:absolute;z-index:1}.close-button{left:1rem;top:1rem}.back-button{left:1rem;bottom:50%;translate:0 50%}.forward-button{right:1rem;bottom:50%;translate:0 50%}.gallery-slider-middle-section{display:flex;justify-content:center;align-items:center}.gallery-slider-circles{position:absolute;bottom:1rem;display:flex;justify-content:center;align-items:center;gap:.75rem}.gallery-slider-circles button{height:18px;width:18px;border-radius:50%;background-color:var(--color-primary);cursor:pointer}.gallery-slider-middle-section img{max-height:calc(100vh - 64px)}.hide{display:none}.loader{border:6px solid #f3f3f3;border-top:6px solid var(--color-primary);border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite;position:absolute}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 64rem){.projects-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 40rem){#projects .container{padding-inline:1rem}.projects-container{grid-template-columns:repeat(1,minmax(0,1fr))}}@container project-card (max-width: 26rem){.project-tags-container{display:none}.project-card-hover{justify-content:space-around}}.skills-container{border-radius:var(--card-border-radius);background-color:var(--color-base-100);display:flex;justify-content:space-between;row-gap:var(--m-2-5);flex-wrap:wrap;padding:28px}.skills-tab{display:flex;align-items:center;cursor:pointer;column-gap:var(--m-0-75);color:var(--color-base-content)}.skills-icon{font-size:var(--h1-font-size);margin-right:var(--m-0-75)}.skills-title{font-size:var(--h3-font-size)}.skills-tabs-radio{display:none}.skills-group{order:1;width:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--m-2-5);display:none}.skills-tabs-radio:checked+.skills-tab{color:var(--color-primary);transition:color .5s ease}.skills-tabs-radio:checked+.skills-tab svg{color:var(--color-primary);transition:color .5s ease}.skills-tabs-radio:checked+.skills-tab+.skills-group{display:grid}.skill-container{margin-top:auto;margin-inline:auto;display:flex;flex-direction:column;align-items:center;row-gap:var(--m-0-5);text-align:center}.skill-image-lighten{filter:invert(.6)}@media (max-width: 48rem){.skills-icon{margin:0;font-size:40px}.skills-title{display:none}.skills-group{grid-template-columns:repeat(3,minmax(0,1fr))}.skill-name{font-size:medium}}.theme-dialog::backdrop{background:#00000080}.theme-dialog{background:var(--color-base-200);color:var(--color-base-content);border-color:var(--color-base-200);text-align:center;font-size:var(--small-font-size);padding:3rem;border-radius:var(--card-border-radius);width:95%;max-width:600px;margin:auto}.theme-font-size{margin-top:var(--m-2-5)}.theme-font-size-slider{display:flex;justify-content:center;align-items:center;background:var(--color-base-200);border-radius:var(--card-border-radius);padding:.6rem 1rem}.theme-font-size-slider div{background:#d6ccff;height:.35rem;width:100%;margin:0 1rem;display:flex;justify-content:space-between;align-items:center}.theme-font-size-slider div button{width:1rem;height:1rem;background-color:#d6ccff;border-radius:50%}.theme-font-size-slider div button.active{background:var(--color-primary)}.theme-color{margin-top:var(--m-2)}.theme-color div{background:var(--color-base-200);border-radius:var(--card-border-radius);padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center}.theme-color div button{width:1.8rem;height:1.8rem;background:var(--color-primary);border-radius:50%}.theme-color div button.active{border:.25em solid #d6ccff}.theme-background{margin-top:var(--m-2)}.theme-background div{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.theme-background div button{padding:.8rem .2rem;width:100%;display:flex;align-items:center;justify-content:space-evenly;border-radius:var(--btn-border-radius);font-weight:600;background:var(--color-base-100);color:var(--color-base-content)}.theme-background div button.active{border:2px solid var(--color-primary)}@media (max-width: 40rem){.theme-dialog{padding-inline:.5rem}}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--body-font)}body,button,input,textarea{font-size:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--color-base-200);color:var(--color-base-content);line-height:1.7;width:100%}img{max-width:100%;height:auto;vertical-align:middle}ul{list-style:none}a{text-decoration:none;color:var(--color-base-content)}svg{color:var(--color-base-content)}h1,h2,h3{font-weight:var(--font-semi-bold)}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}.container{max-width:970px;margin:auto;padding-inline:var(--m-0-75)}.px-15{padding-inline:15px}.row{display:flex;flex-direction:row;flex-wrap:wrap}.btn{padding:.75rem 2rem;line-height:normal;border-radius:var(--btn-border-radius)}.btn:focus{outline:0}.btn-default{width:fit-content;margin-inline:auto;background-color:var(--color-primary)}.btn-default a{color:#fff}.btn-default:hover{filter:brightness(150%);transition:filter ease-in-out .3s}.section .container{padding-top:4.75rem;padding-bottom:4.75rem}.section-title{font-size:var(--h1-font-size);margin-bottom:var(--m-2-5);text-align:center}::-webkit-scrollbar{width:.6rem;background:var(--color-base-100)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:.5rem}html{scrollbar-color:var(--color-primary) var(--color-base-100);scrollbar-width:.6rem}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.fade-enter-active,.fade-exit-active{transition:opacity .3s}.fade-enter,.fade-exit-to{opacity:0}:root{--body-font: "Rubik", sans-serif;--h1-font-size: 2.25rem;--h2-font-size: 1.75rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--font-medium: 500;--font-semi-bold: 600;--m-0-5: .5rem;--m-0-75: .75rem;--m-1: 1rem;--m-1-5: 1.5rem;--m-2: 2rem;--m-2-5: 2.5rem;--card-padding: 1.9rem .95rem;--btn-border-radius: .25rem;--card-border-radius: .5rem;--box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, .1);--header-height: 5rem}@media (max-width: 48rem){:root{--h1-font-size: 1.75rem;--h2-font-size: 1.5rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem}}[data-primary=indigo]{--color-primary: #6366f1}[data-primary=emerald]{--color-primary: #10b981}[data-primary=ruby]{--color-primary: #f43f5e}[data-primary=amber]{--color-primary: #f59e0b}[data-primary=sky]{--color-primary: #0ea5e9}[data-bg=light]{--color-base-100: #ffffff;--color-base-200: #f5f7fa;--color-base-300: #cbd5e1;--color-base-content: #111827}[data-bg=dark]{--color-base-100: #1e293b;--color-base-200: #0f172a;--color-base-300: #475569;--color-base-content: #f8fafc}[data-bg=midnight]{--color-base-100: #000000;--color-base-200: #0a0a0a;--color-base-300: #334155;--color-base-content: #f1f5f9}[data-font-size=sm]{font-size:12px}[data-font-size=md]{font-size:14px}[data-font-size=base]{font-size:16px}[data-font-size=lg]{font-size:18px}@font-face{font-family:Rubik;font-weight:400;src:url(/portfolio/fonts/rubik-regular.woff2) format(woff2),url(/portfolio/fonts/rubik-regular.woff) format(woff)}@font-face{font-family:Rubik;font-weight:500;src:url(/portfolio/fonts/rubik-medium.woff2) format(woff2),url(/portfolio/fonts/rubik-medium.woff) format(woff)}@font-face{font-family:Rubik;font-weight:600;src:url(/portfolio/fonts/rubik-semibold.woff2) format(woff2),url(/portfolio/fonts/rubik-regular.woff) format(woff)}