.about-content{background-color:var(--color-white);display:flex;flex-direction:column;padding:1.75rem;border-radius:var(--card-border-radius);box-shadow:0 10px 15px -3px #0000001a}.about-content p{text-align:left;font-size:larger;margin-bottom:var(--m-1)}.about-content .btn{align-items:center;color:#fff}.download-icon svg{fill:#fff;width:1.5rem;height:1.5rem}.stats-items{margin-top:var(--m-2-5);justify-content:space-evenly;row-gap:2rem}.stats-item{background-color:var(--color-white);border-radius:var(--card-border-radius);box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem 4.5rem;display:flex;flex-direction:column;align-items:center;text-align:center}.stats-item svg{fill:var(--color-gray)}.contact-container{display:flex;flex-wrap:wrap;justify-content:space-between;background-color:var(--color-white);padding:60px 30px;border-radius:var(--card-border-radius);box-shadow:0 10px 15px -3px #0000001a}.contact-box{width:40%}.contact-form{width:60%;display:flex;flex-direction:column}.contact-data{display:grid;row-gap:2rem}@media screen and (max-width: 600px){.contact-container{justify-content:stretch;row-gap:2.5rem;padding:20px 0}.contact-box,.contact-form{width:100%}}.contact-subtitle{margin-bottom:var(--m-0-5)}.contact-description{display:inline-flex;align-items:center;column-gap:.5rem}.contact-description svg{height:1.25rem}.contact-inputs{display:grid;row-gap:2rem;margin-bottom:var(--m-1-5)}.contact-content{position:relative;height:3rem;border-radius:8px;background-color:var(--color-light);padding:0 8px;margin-bottom:var(--m-0-75)}.contact-content span{position:absolute;content:"";bottom:-2px;left:0;height:2px;width:0%;transition:.5s}.contact-input{position:absolute;top:0;left:0;width:100%;height:100%;padding:1rem;background:none;color:var(--color-dark);outline:none;border:none;z-index:1}.contact-input:focus{border-radius:8px;border:1px solid var(--color-primary)}.contact-input~label{position:absolute;left:4}.contact-label{position:absolute;top:-1.75rem;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:-1.75rem;left:8;z-index:10;padding:0 8px}.contact-form button{outline:none;border:none;cursor:pointer;color:#fff;padding:1rem;width:50%}.experience-container{display:flex;flex-wrap:wrap;column-gap:2%;row-gap:15px;justify-content:center}.experience-card{width:460px;background-color:var(--color-white);padding:2rem 1rem;border-radius:var(--card-border-radius);box-shadow:0 10px 15px -3px #0000001a}.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)}.timeline-icon{width:1.5rem;position:absolute;top:0;left:-.15rem;fill:var(--color-primary);background-color:var(--color-white);padding-top:.35rem;padding-bottom:.35rem}.timeline-date{font-size:var(--small-font-size);color:var(--color-gray)}.timeline-date svg{height:1rem;margin-right:.5rem}.timeline-title{margin-top:var(--m-0-75)}.timeline-subtitle{color:var(--color-gray);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 .tagline-container{display:flex;justify-content:center;align-items:center;padding:0 20px}.home .tagline-text{font-size:16px;font-weight:700;text-align:center;color:#333;line-height:1.5}.home .highlight{color:var(--color-primary);font-weight:900}.home .intro img{border-radius:50%;height:300px;width:300px;margin-bottom:var(--m-1-5);padding:4px;background-color:var(--color-white);object-fit:cover;box-shadow:0 10px 15px -3px #0000001a}@media (width < 640px){.home .intro img{height:200px;width:200px}}.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-dark);width:1.25rem}.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}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,to{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}}.theme-panel-container{text-align:center;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:100;background:#00000080;font-size:var(--small-font-size);display:flex}.theme-panel{background:var(--color-white);padding:3rem;border-radius:var(--card-border-radius);width:95%;max-width:600px}.theme-font-size{margin-top:var(--m-2-5)}.theme-font-size-slider{display:flex;justify-content:center;align-items:center;background:var(--color-light);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-light);border-radius:var(--card-border-radius);padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center}.theme-color .color-1{background:#6b4de6}.theme-color .color-2{background:#4de65e}.theme-color .color-3{background:#e64d61}.theme-color .color-4{background:#e6c94d}.theme-color .color-5{background:#4d69e6}.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 #fff}.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:.5rem;font-weight:600}.theme-background div button.active{border:2px solid var(--color-primary)}.theme-background div button span{width:1.4rem;height:1.4rem;border:2px solid var(--color-gray);border-radius:50%}.theme-background div .bg-1{background:#e7e4f1;color:#241e38}.theme-background div .bg-2{background:#241e38;color:#fff}.theme-background div .bg-3{background:#151221;color:#fff}.header{width:100%;background-color:var(--color-light);position:sticky;top:0;z-index:5;box-shadow:0 0 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:3rem;font-weight:var(--font-medium)}.nav-btn-group{display:flex;align-items:stretch;column-gap:1rem}.nav-btn-group svg{fill:var(--color-dark);width:1.5rem;display:block}.nav-btn{cursor:pointer}.nav-close,.nav-toggle{display:none}@media (width < 992px){.nav{height:var(--header-height)}.nav-list{flex-direction:column;row-gap:1.5rem}.nav-menu{background:var(--color-white);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}.nav-close{margin-left:auto;margin-right:auto;padding-bottom:1.5rem}.nav-close svg{height:1.75rem}.nav-close,.nav-toggle{display:block}}.active-link{line-height:1;padding:.5rem 2rem;border-radius:var(--btn-border-radius);background-color:var(--color-primary);color:#fff;transition:background-color .3s}#nav-theme-btn{cursor:pointer}.project-details-container{display:flex;position:fixed;flex-direction:row;top:0;left:0;z-index:100;background:#000000e6;height:max-content;max-width:100%;height:100%;width:100%;overflow-y:auto}.gallery-slider-container{width:100%;position:relative;text-align:center;justify-content:center;align-items:center;font-size:var(--small-font-size)}.gallery-slider-circle-active,.gallery-slider-circles button:hover,.circular-Button:hover{filter:brightness(150%);transition:filter ease-in-out .3s}.project-details{display:flex;flex-direction:column;background-color:var(--color-light);justify-self:center;padding:1rem;width:50%}.project-header{display:flex;flex-direction:row;align-items:center;justify-content:start;margin-bottom:2rem}.project-logo-img{width:150px;height:150px;object-fit:cover;border-radius:var(--card-border-radius);background-color:var(--color-white);box-shadow:0 10px 15px -3px #0000001a}.gallery-project-title{margin:0 0 .5rem 1rem}.project-description{margin:0}@media (width < 640px){.project-details{width:100%}.project-details-container{flex-direction:column;width:100%}.project-logo-img{width:100px;height:100px}.gallery-slider-middle-section{height:calc(100vh - 100px)}.gallery-slider-circles button{width:24px;height:24px}circular-Button-no-hover,.circular-Button,.project-buttons a{width:24px;height:24px}}.close-button{position:absolute;left:1rem;top:1rem}.back-button{position:absolute;top:50%;left:1rem}.forward-button{position:absolute;top:50%;right:1rem}@media (max-width: 992px){.back-button,.forward-button{position:absolute;bottom:4rem}}.gallery-slider-container svg{height:1.25rem;fill:#fff}.gallery-slider-middle-section{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:calc(100vh - 100px)}.gallery-slider-circles{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);display:inline-block;cursor:pointer}.gallery-slider-middle-section img{height:calc(100vh - 100px);z-index:-1;border-radius:var(--card-border-radius)}.hide{display:none}.show{display:block}.loader{border:6px solid #f3f3f3;border-top:6px solid var(--color-primary);border-radius:50%;width:60px;height:60px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-section{padding:20px 0;display:flex;flex-wrap:wrap}#projects .container{max-width:100%}.projects-container{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));max-width:100%;row-gap:2rem;column-gap:2rem}@media (width > 640px){.projects-container{grid-template-columns:repeat(3,minmax(0,1fr));max-width:90%}}@media (width > 1024px){.projects-container{grid-template-columns:repeat(4,minmax(0,1fr));max-width:75%}#projects .container{padding-inline:4rem}}.project-card{position:relative;background-color:var(--color-white);border-radius:.25rem;overflow:hidden;text-align:center;border-radius:var(--card-border-radius);box-shadow:0 10px 15px -3px #0000001a;border:4px solid transparent}.project-card img{object-fit:cover;width:100%;height:100%}.project-card:before{content:"";position:absolute;height:100%;width:100%;top:0;left:0;transition:all ease-in-out .3s;z-index:1}.project-card:hover:before{background:#000000b3}.project-card-hover{position:absolute;height:100%;width:100%;top:0;padding:1rem;display:flex;justify-content:space-between;align-items:center;column-gap:.5rem;flex-direction:column;opacity:0;transition:opacity .3s ease-in-out;z-index:1}.project-card-hover:hover{opacity:1}.project-title{z-index:100;color:#fff;font-size:var(--h2-font-size)}.project-buttons{display:flex;justify-content:space-around;width:100%;z-index:1000}.circular-Button-no-hover,.circular-Button,.project-buttons a{width:50px;height:50px;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center;border-radius:50%;cursor:pointer;color:#fff}.card-clickable{position:absolute;inset:0;cursor:pointer;z-index:1000;background-color:transparent}.project-tags-container{z-index:999;display:flex;justify-content:center;flex-wrap:wrap;column-gap:.75rem;row-gap:.5rem}.project-card-hover ul,.project-inline-tags{list-style:none}.project-inline-tags{display:flex;justify-content:start;flex-wrap:wrap;column-gap:.75rem;row-gap:.5rem}@media (max-width: 1024px){.project-tags-container{display:none}.project-card-hover{justify-content:center;row-gap:2rem}}.project-tag{background-color:var(--color-primary);padding-left:.75rem;padding-right:.75rem;border-radius:.75rem;color:#fff;font-size:small}.skills-container{border-radius:var(--card-border-radius);background-color:var(--color-white);display:flex;justify-content:space-between;row-gap:var(--m-2-5);flex-wrap:wrap;padding:28px;box-shadow:0 10px 15px -3px #0000001a}.skills-tab{display:flex;align-items:center;cursor:pointer;column-gap:var(--m-0-75);background-color:var(--color-light);padding:var(--m-0-75) var(--m-1);border-radius:var(--btn-border-radius);transition:color .5s ease}.skills-icon{font-size:var(--h1-font-size);margin-right:var(--m-0-75)}.skills-title{font-size:var(--h5-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-white);background-color:var(--color-primary);transition:color .5s ease}.skills-tabs-radio:checked+.skills-tab svg{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;justify-content:center;row-gap:var(--m-0-5);text-align:center}.skill-image-lighten{filter:invert(.6)}@media (width < 760px){.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}}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-light);color:var(--color-dark);line-height:1.7;width:100%}img{max-width:100%;height:auto;vertical-align:middle}.list-inside{list-style-position:inside;margin-left:24px}a{text-decoration:none;color:var(--color-dark)}svg{fill:var(--color-gray)}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:1;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-white)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:.5rem}html{scrollbar-color:var(--color-primary) var(--color-white);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{--header-height: 4.5rem;--primary-color-hue: 352;--dark-color-lightness: 15%;--light-color-lightness: 95%;--white-color-lightness: 20%;--color-white: hsl(252, 30%, var(--white-color-lightness));--color-light: hsl(252, 30%, var(--light-color-lightness));--color-gray: hsl(252, 15%, 65%);--color-primary: hsl(var(--primary-color-hue), 69.9%, 53.1%);--color-dark: hsl(252, 30%, var(--dark-color-lightness));--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;@media (width < 992px){--h1-font-size: 1.75rem;--h2-font-size: 1.5rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem}--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: .75rem;--card-border-radius: 1.75rem;--box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, .1)}@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)}.services-container{padding:40px 20px;text-align:center;max-width:100%;align-self:center}.services-title{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:#333}.services-list{display:flex;flex-wrap:wrap;align-items:center;text-align:center;margin:0 auto;justify-content:center;gap:20px}.service-item{background-color:var(--color-white);padding:40px 20px;border-radius:var(--card-border-radius);width:100%;max-width:300px;box-shadow:0 10px 15px -3px #0000001a;text-align:center}.service-item:hover{background-color:var(--color-primary);cursor:pointer}.service-item:hover h3{color:#fff}.service-item h3{font-size:var(--normal-font-size);color:var(--color-dark);margin:0}