@font-face{font-family:Symbols Only;src:url(/fonts/Symbols.ttf)}@font-face{font-family:Agave Mono;src:url(/fonts/AgaveNerdFontMonoModified-Regular.otf);font-weight:400}@font-face{font-family:Agave Mono;src:url(/fonts/AgaveNerdFontMono-Bold.ttf);font-weight:700}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased!important;font-variant-ligatures:none!important;font-feature-settings:"liga" 0!important;font-kerning:none!important;text-rendering:optimizespeed!important}:root{font-size:24px;font-family:Symbols Only,Agave Mono,Courier New,Courier,monospace;color-scheme:light dark;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mf: "Agave Mono";--bg0: #0e0d11;--bg1: #1d1b22;--sd: #1D1B22;--fg: #F8F8F2;--cl: #44475A;--comment: #6272A4;--cyan: #8BE9FD;--sky: #04a5e5;--green: #06d73b;--orange: #FFB86C;--purple: #BD93F9;--super_purple: #7359f8;--red: #FF5555;--yellow: #F1FA8C}::-webkit-scrollbar{display:none}body{margin:0;padding:0;min-height:100vh;background-color:var(--bg0);color:var(--fg)}.App{display:flex;flex-direction:column;align-items:space-around}header{width:100%;padding:.5em;display:flex;flex-direction:column;align-items:center;gap:15px}main{min-height:100vh;padding:.5em}footer{width:100%;display:flex;flex-direction:column;align-items:center;padding:.5em}mark{color:var(--super_purple);background:none}label{color:var(--super_purple)}h1,h2{all:unset;color:var(--super_purple)}hr{width:100%;border:1px solid var(--bg1)}a{color:var(--super_purple);text-decoration:none;cursor:pointer}a:hover{opacity:.8}a:active{opacity:.5}.icon{font-family:Symbols Only}.notification{position:fixed;bottom:15px;padding:5px;border-radius:15px}.notification--error{left:10px;width:320px;background-color:var(--red)}.notification--success{left:10px;width:200px;text-align:center;background-color:var(--green)}.header__previewBox{width:100%;height:20vh;border-radius:18px;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(0px)}.header__img{width:100%;height:100%;object-fit:cover}.header__labelModal{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(5px)}.header__labelTyped{margin-left:10%;font-size:1.5em;font-weight:700}.header__textTypewriter{overflow:hidden;border-right:.1em solid var(--super_purple);white-space:nowrap;margin:0 auto;letter-spacing:.1em;animation:typing .8s steps(3,end),blink-caret .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--super_purple)}}nav{position:sticky;top:0;padding:.5em}.nav__container{width:100%;padding:.3em;display:flex;justify-content:center;align-items:center;gap:20%;background-color:var(--bg1);border:solid 2px var(--sd);border-radius:18px}.nav__container a{display:flex;gap:10px}@media (max-width: 599px){.nav__container{gap:28%;font-size:1em}.nav__container div{display:none}}.loader{position:fixed;top:50%;left:50%;height:5px;border-radius:100%;background-color:var(--super_purple);transform:translate(-50%,-50%);animation:loading 1s ease-in-out infinite}.loader__screen{opacity:0}@keyframes loading{0%,to{width:10px;height:10px}50%{width:30px;height:30px}}.badge{display:flex;flex-direction:column;padding:20px;border-radius:18px;gap:15px;transition:.4s ease-in-out}.badge:hover,.badge:hover .skills__ruler{border-color:var(--super_purple)}.badge__upperPart{display:flex;flex-direction:row;gap:15px}.badge__lowerPart{display:flex;flex-direction:column;justify-content:center;align-items:center}.badge__profileIcon{width:125px;height:125px;background-color:var(--purple);border-radius:100%}.badge__badgeRight{width:75%}@media (max-width: 599px){.badge{width:100%;font-size:.8em;border:solid 2px var(--sd)}.badge__profileIcon{width:100px;height:100px}}.skills{max-width:750px;width:100%;padding:10px 0;display:flex;flex-direction:column;align-items:center}.skills__subContainer{width:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:18px;transition:.4s ease-in-out}.skills__header{color:var(--super_purple)}.skills__ruler{width:30%;margin:0;border:1px solid var(--sd);border-radius:10px;transition:.4s ease-in-out}.skills__skillContainer{padding:10px;width:100%;display:flex;flex-direction:column}.skills__skillName{font-size:.9em}.skills__skillProgressBg,.skills__skillProgressFg{width:100%;height:8px;border-radius:10px}.skills__skillProgressBg{width:100%;background-color:var(--sd)}.skills__skillProgressFg{background-color:var(--super_purple)}.aboutMe__textContainer{padding:10px 0;width:100%;display:flex;flex-direction:column;justify-content:center}.aboutMe__textSubContainer{padding:10px 0;display:flex;flex-direction:column}.aboutMe__header{width:100%;text-align:center}.aboutMe__header--left{font-size:.85em;text-align:start}.aboutMe__textBody{font-size:.8em}.aboutMe__skillsSubContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.aboutMe__skillsList{columns:2;gap:200px}@media (max-width: 599px){.aboutMe__textBody{font-size:.68em}.aboutMe__skillsList{gap:40px}}.contacts__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.textInfo{font-size:.8em}.socials{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.socials--sub{flex-direction:row}.socials__socialsLink{padding:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--super_purple);border-radius:18px;transition:ease-in-out .5s all}.socials__socialsLink--sub{flex-direction:row;gap:15px}.socials__svgContainer img{width:50px}.socials__socialsLink:hover{color:var(--fg);border-color:var(--super_purple);background-color:var(--super_purple)}.mailForm{display:flex;flex-direction:column;align-items:center;gap:8px}.mailForm__inputRow{width:320px;display:flex;flex-direction:column}.mailForm input{all:unset;padding:5px 10px;font-size:.8em;background-color:var(--bg1);border-radius:10px}.mailForm textarea{padding:5px 10px;font-size:.8em;color:var(--fg);font-family:var(--mf);background-color:var(--bg1);border:none;outline:none;border-radius:10px}.mailForm__button{padding:10px 20px;display:flex;flex-direction:row;gap:1em;font-size:1em;color:var(--fg);background-color:var(--super_purple);border:none;border-radius:30px;cursor:pointer;transition:ease-in-out .2s all}.mailForm__button:hover{opacity:.8}.mailForm__button:active{opacity:.5}.projects{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.projectCell{width:350px;display:flex;flex-direction:column;font-size:.8rem;background-color:var(--bg1);border-radius:12px;overflow:hidden}.projectCell__thumbnailContainer{height:160px}.projectCell__thumbnail{width:100%;height:100%;object-fit:cover}.projectCell__textContainer{padding:10px;display:flex;flex-direction:column;gap:5px}.projectCell__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:.9rem}.projectCell__label{color:var(--super_purple)}.projectCell__linkContainer{display:flex;gap:10px}.projectCell__link{padding:5px 12px;font-size:20px;color:var(--fg);background-color:var(--purple);border-radius:15px}.projectCell__link--code{background-color:var(--sky)}.projectCell__link--disabled{opacity:.8}.projectCell__status{display:inline-block;padding:0 .2em;border-radius:15px}.projectCell__status--wip{background-color:var(--orange)}.projectCell__status--complete{background-color:var(--green)}.projectCell__techstack{padding:0;display:flex;list-style:none;gap:5px}.projectCell__tech{padding:0 .2em;border-radius:15px}.projectCell__description{height:1em}.footer__label{font-size:.9em;color:var(--super_purple)}