@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap";@import "https://fonts.googleapis.com/css2?family=Akatab&display=swap";:root{--onyx:#393f44;--space-cadet:#15173c;--dark-purple:#231622;--dark-purple-blur:#231622da;--old-gold:#cab71e;--turquoise:#2ddaba}.footer{text-align:center;color:#ffffffd9;filter:drop-shadow(0 0 .1rem #cab71e)}body{background:url(/assets/images/wallpaper-BZhefyHh.jpg) fixed;margin:0}.navbar{background-color:#15173cd7}.navbar-buttons{color:#fff;font-size:1rem;font-weight:300;transition:all .3s;font-family:Roboto Mono!important}.navbar-buttons:hover{color:var(--space-cadet);transition:all .3s;background-color:var(--old-gold)!important}.navbar-logo{border-radius:10px;width:3rem;transition:all .3s}.navbar-logo-mobile{width:3rem;margin:0 auto;display:none;position:absolute;left:0;right:0}.navbar-logo,.navbar-logo-mobile{display:block}.navbar-logo img,.navbar-logo-mobile img{border-radius:inherit}.navbar-logo:hover{transition:all .3s;background-color:var(--old-gold)!important}.languages,.other{margin-top:2rem;margin-bottom:2rem}.center-title{margin-top:3rem}.project-button{box-shadow:0 5px 15px -3px #000;background-color:#000000e6!important}.projects-container{flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem;margin-bottom:2rem;display:flex}.project-carousel{filter:drop-shadow(0 0 .4rem #2ddaba);width:50%;margin:3rem auto 2rem}.project-carousel .carousel{cursor:pointer}.project-gallery .image-gallery-slide img{border-radius:16px;width:100%;height:auto}.project{filter:drop-shadow(0 0 .4rem #2ddaba);border-radius:20px;justify-content:center;align-items:center;width:14rem;height:14rem;display:flex;position:relative;overflow:hidden}.project picture,.project img{object-fit:cover;width:100%;height:100%;display:block}.project .project-button{z-index:2;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.progress-bar{border:1px solid var(--turquoise);background-color:#0000;border-radius:10px;width:100%;height:20px;overflow:hidden}.progress{background-color:var(--old-gold);height:100%;transition:width .3s ease-in-out}.skills{justify-content:center;gap:5rem;width:40rem;margin-top:1rem;margin-bottom:3rem;display:flex}.skills_sub{flex-direction:column;justify-content:center;gap:1rem;width:100%;display:flex}.info{text-align:center;flex-direction:column;align-items:center;display:flex}.contacts{flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;display:flex}.contacts .sub-contact{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex}.center-container{background-color:var(--dark-purple-blur);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;filter:drop-shadow(0 0 .4rem #2ddaba);border-radius:10px;justify-content:center;width:80%;min-height:50vh;margin:7rem auto 5rem;padding-bottom:1rem;font-family:Roboto Mono,monospace;font-weight:300;display:flex;position:relative}.about-gif{filter:drop-shadow(0 0 .4rem #2ddaba);margin-top:1rem}.project-description{padding-left:1rem;padding-right:1rem}.fullscreen-image-modal{z-index:9999;background-color:#000000e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fullscreen-image-overlay{z-index:9998;background-color:#000000e6;position:fixed;inset:0}.fullscreen-image{max-width:90vw;max-height:90vh}@media only screen and (max-width:768px){body{background-attachment:scroll}.image-gallery-fullscreen-button .image-gallery-svg{display:none}.info{padding-left:1rem;padding-right:1rem}.skills{gap:2rem;width:18rem}.center-container{-webkit-backdrop-filter:none;backdrop-filter:none;filter:none;width:90%;margin-top:5rem;padding-bottom:2rem}.navbar-logo{width:2.5rem;transition:none}.navbar-logo-mobile{width:2.5rem;display:block}.responsive-image.navbar-logo,.responsive-image.navbar-logo-mobile{width:2.5rem;height:2.5rem}.navbar-buttons{font-size:.95rem;transition:none}.project-carousel{width:90%}.project,.center-container,.about-gif{filter:none}.responsive-image__img{filter:none;transition:opacity .3s;transform:none}.contacts .sub-contact{flex-direction:column;gap:0;margin-top:3rem}}.section-loading{justify-content:center;align-items:center;width:100%;min-height:12rem;display:flex}.section-loading__spinner{border:3px solid #ffffff59;border-top-color:var(--old-gold);width:2.75rem;height:2.75rem;filter:drop-shadow(0 0 .25rem var(--old-gold));border-radius:50%;animation:.9s linear infinite section-spin}.visually-hidden{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes section-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.responsive-image{width:100%;height:100%;display:block}.responsive-image.navbar-logo,.responsive-image.navbar-logo-mobile{width:3rem;height:3rem}.responsive-image__img{object-fit:cover;filter:blur(12px);background-position:50%;background-size:cover;width:100%;height:100%;transition:filter .4s,transform .4s;transform:scale(1.05)}.responsive-image__img.is-loaded{filter:blur();transform:scale(1);background-image:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.responsive-image__img{transition:none!important}.section-loading__spinner{animation:none!important}}.skills-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:50rem;margin-top:1.5rem;padding:0 1rem;display:grid}.skill-category{background:linear-gradient(135deg,#15173c99 0%,#23162299 100%);border:1px solid #2ddaba4d;border-radius:12px;padding:1.25rem;transition:all .3s}.skill-category:hover{border-color:var(--turquoise);transform:translateY(-2px);box-shadow:0 0 20px #2ddaba26}.skill-category-title{color:var(--old-gold);text-transform:uppercase;letter-spacing:1.5px;border-bottom:1px solid #cab71e4d;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.85rem;font-weight:600}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{color:#ffffffe6;cursor:default;background:#2ddaba1a;border:1px solid #2ddaba66;border-radius:20px;padding:.35rem .75rem;font-size:.8rem;font-weight:400;transition:all .2s}.skill-tag:hover{border-color:var(--turquoise);color:#fff;background:#2ddaba40;transform:scale(1.05)}@media only screen and (max-width:768px){.skills-container{grid-template-columns:1fr;padding:0}.skill-category{padding:1rem}.skill-tag{padding:.3rem .6rem;font-size:.75rem}}