@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap";html{scroll-behavior:smooth;height:100%}body{background-color:var(--background1);color:var(--text1);font-family:Poppins,sans-serif;user-select:none;height:100%}a{color:inherit;text-decoration:none;position:relative;cursor:pointer}h1{font-weight:700}h2{color:transparent;-webkit-text-stroke:.8px var(--text1);font-size:3rem}.displaynone{display:none}::-moz-selection{background:var(--accent1);color:var(--text1)}::selection{background:var(--accent1);color:var(--text1)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}@media screen and (max-width: 900px){.pc{display:none}}@media screen and (min-width: 900px){.mobile{display:none}}.hidden{position:relative;transform:translateY(150px);opacity:0;transition:2s all ease}.show{transform:translateY(0);opacity:1}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.footer{padding-bottom:4rem;display:flex;justify-content:center;align-items:center;width:80vw;margin:auto}.footer-container{font-size:18px;font-weight:300;color:var(--scrollbar);transition:all .3s;width:fit-content;text-align:center}@media screen and (min-width: 900px){.footer-container:hover{color:var(--text1)}}@media screen and (max-width: 900px){.footer-container{font-size:16px}}.fabian{background:-webkit-linear-gradient(right,var(--accent1),var(--accent2));background:linear-gradient(270deg,var(--accent1) 0,var(--accent2));background-size:350%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:gradientText 3s ease infinite;animation:gradientText 3s ease infinite;font-weight:700}.bar{position:fixed;padding:1rem;box-sizing:border-box;bottom:0px;width:100%;font-size:20px;font-weight:300;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;background-color:var(--background3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.status{display:flex;align-items:center}#status-icon{padding:.375rem}#spotify{margin-left:1.25rem}.commit{align-items:center;display:flex;font-family:Poppins,sans-serif}.commit i{margin-right:.5rem}.commit .version-v{margin-left:1.25rem}@media screen and (max-width: 900px){#spotify{display:none}.bar{font-size:16px}}@media screen and (min-width: 900px){.bar a:after{position:absolute;content:"";width:100%;color:#ecf0f1;height:3px;top:100%;left:0;transition:transform .5s;transform:scaleX(0);transform-origin:right;background:-webkit-linear-gradient(right,var(--accent1),var(--accent2));background:linear-gradient(270deg,var(--accent1) 0,var(--accent2));background-size:350%;-webkit-animation:gradientText 3s ease infinite;animation:gradientText 3s ease infinite}.bar a:hover:after{transform:scaleX(1);transform-origin:left}}.mode-toggle{display:flex;position:fixed;z-index:6;cursor:pointer;transition:all .3s}#theme{top:2rem;right:2.5rem}#color{top:2rem;left:2rem}.mode-toggle:hover{transform:scale(1.08)}.mode-icon{width:2rem;height:2rem}.achievements-btn{position:fixed;top:2rem;display:flex;width:100%;z-index:5;left:7rem}.hero-container{text-align:center}.hero{height:100%;display:flex;align-items:center;justify-content:center}.text{background:-webkit-linear-gradient(right,var(--accent1),var(--accent2));background:linear-gradient(270deg,var(--accent1) 0,var(--accent2));background-size:350%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:gradientText 3s ease infinite;animation:gradientText 3s ease infinite;font-size:4rem}.normal{color:transparent;-webkit-text-stroke:.8px var(--text1);font-size:4rem}@keyframes gradientText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.socialmedia{font-size:25px;display:flex;align-items:center;justify-content:center}.socialmedia a{padding:10px;margin:.25rem;border-radius:50px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:all .3s;color:var(--text1)}@media screen and (min-width: 900px){.socialmedia:hover a{color:var(--scrollbar)}.socialmedia a:hover{transform:scale(1.09);color:var(--text1)}.socialmedia a:active{transform:scale(.9)}}@media screen and (max-width: 900px){.achievements-btn{justify-content:center;left:0}}.git-repos{margin:auto;width:80vw;font-weight:300}.git-container{display:flex;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-bottom:5rem}.git-item{padding-left:1.25rem;padding-right:1.25rem;width:50%;margin-top:1.25rem;margin-bottom:1.25rem;position:relative;box-sizing:border-box}.git-item-container{min-height:10rem;background-color:var(--background2);padding:1.25rem;border-radius:1.25rem;position:relative;transition:all .3s}.git-title{font-weight:500}.git-description{margin-bottom:2.5rem;margin-top:.5rem;color:var(--text2)}.git-lang{margin:1.25rem;left:0;bottom:0;display:flex;position:absolute;padding:auto}.git-lang i{margin-right:.3rem}.git-stars{margin:1.25rem;right:0;bottom:0;display:flex;position:absolute}.git-stars i{margin-left:.3rem}@media screen and (max-width: 900px){.git-container{flex-direction:column}.git-item{width:100%}h2{font-weight:700;padding-top:2.25rem;text-align:center}}@media screen and (min-width: 900px){.git-item-container:hover{box-shadow:6px 10px 19px #0006;transform:scale(1.03)}.git-item-container:active{transform:scale(1)}}.icon-scroll,.icon-scroll:before{position:absolute;left:50%}.icon-scroll{width:30px;height:50px;margin-left:-20px;bottom:-14rem;border:2px solid var(--text1);border-radius:25px;position:relative}@media (max-width: 900px){.icon-scroll{position:relative;bottom:-8rem}}.icon-scroll:before{content:"";width:8px;height:8px;background:var(--text1);margin-left:-4px;top:8px;border-radius:4px;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:scroll}@keyframes scroll{0%{opacity:1}to{opacity:0;transform:translateY(26px)}}.dribbble-shots{margin:auto;width:80vw;font-weight:300}.dribbble-container{display:flex;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-bottom:1.25rem}.dribbble-item{padding-left:1.25rem;padding-right:1.25rem;width:50%;margin-top:1.25rem;margin-bottom:1.25rem;position:relative;box-sizing:border-box}.dribbble-item-container{min-height:10rem;background-color:var(--background2);padding:1.25rem;border-radius:1.25rem;position:relative;transition:all .3s}.dribbble-item-container img{max-width:100%;max-height:100%;border-radius:.25rem}.dribbble-title{font-weight:500}@media screen and (max-width: 900px){.dribbble-container{flex-direction:column}.dribbble-item{width:100%}h2{font-weight:700;padding-top:2.25rem;text-align:center}}@media screen and (min-width: 900px){.dribbble-item-container:hover{box-shadow:6px 10px 19px #0006;transform:scale(1.03)}.dribbble-item-container:active{transform:scale(1)}}html{--accent1: #F9063B;--accent2: #F9A90D;--background1: #111217;--background2: #15171D;--background3: #111217da;--background4: #15171dda;--text1: #F4F6FB;--text2: #d1d1d1;--scrollbar: #ffffffa9;--scrollbar-hover: #F4F6FB;--btn-primary-bg: #005BBB;--btn-primary-shadow: #005BBB4d;--btn-secondary-bg: #ffffffa9;--btn-secondary-shadow: #ffffff4d}.lightmode{--background1: #F4F6FB;--background2: #ffffff;--background3: #f4f6fbda;--background4: #ffffffda;--text1: #111217;--text2: #33363f;--scrollbar: #111217a9;--scrollbar-hover: #1b1d24;--btn-secondary-bg: #111217a9;--btn-secondary-shadow: #1112174d}.theme1{--accent1: #F9063B;--accent2: #F9A90D;--btn-primary-bg: #F9063B;--btn-primary-shadow: #F9063B4d}.theme2{--accent1: #6daa5c;--accent2: #3b8084;--btn-primary-bg: #6daa5c;--btn-primary-shadow: #6daa5c4d}.theme3{--accent1: #2F06F9;--accent2: #DB06D6;--btn-primary-bg: #2F06F9;--btn-primary-shadow: #2F06F94d}.theme4{--accent1: #F3064B;--accent2: #2F06F9;--btn-primary-bg: #F3064B;--btn-primary-shadow: #F3064B4d}.notification-container{border-radius:1.25rem;position:fixed;padding:2rem;bottom:4rem;width:32rem;right:0;z-index:5;box-shadow:6px 10px 19px #0006;box-sizing:border-box;background-color:var(--background4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:auto}.notification-icon{width:1.25rem;height:1.25rem;right:0;position:absolute;padding-right:1.25rem;cursor:pointer;color:var(--text1);transition:all .3s}.notification-title{font-weight:500;color:var(--text1);margin:0}.notification-description{margin:0;margin-top:1rem;margin-bottom:1.25rem;font-weight:300;color:var(--text2)}.notification-description a{margin-top:10px}.notification-data{margin-bottom:1.25rem}.btn-small{text-align:center;color:#f4f6fb;width:fit-content;padding:.5rem 1rem;border-radius:.5rem;display:inline-block;transition:all .3s;box-sizing:border-box}.btn-primary{background:var(--btn-primary-bg);box-shadow:0 3px 13px 3px var(--btn-primary-shadow)}.btn-secondary{background:var(--btn-secondary-bg);box-shadow:0 3px 13px 3px var(--btn-secondary-shadow)}@media screen and (max-width: 900px){.notification-container,.btn-small{width:100%}.achievements-btn .btn-small{width:fit-content}.btn-secondary{margin-top:1.25rem}}@media screen and (min-width: 900px){.btn-small:hover{transform:scale(.96)}.btn-small:active{transform:scale(.9)}.notification-icon:hover{color:var(--accent1)}}.active-link{background-color:var(--accent1);color:#f4f6fb}.nav{position:fixed;padding:1.5rem;margin:.25rem;box-sizing:border-box;font-size:20px;height:100%;font-weight:300;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;background-color:var(--background1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-container{position:absolute;text-align:center;left:50%;top:50%;transform:translate(-50%,-50%)}.nav-container li:hover{background:-webkit-linear-gradient(right,var(--accent1),var(--accent2));background:linear-gradient(270deg,var(--accent1) 0,var(--accent2));background-size:350%;transform:scale(.96);color:#f4f6fb}.nav-container ul{list-style:none;margin:0;padding:0;font-size:25px}.nav-container li{padding:10px;margin:.25rem;border-radius:50px;width:26px;height:26px;align-items:center;justify-content:center;transition:all .3s}@media screen and (max-width: 900px){.nav{display:none}}.about{margin:50px auto auto;width:80vw;font-weight:300}.fa-heart{color:#f9063b}.about-container{display:flex;flex-wrap:wrap;padding-bottom:8rem;padding-top:8rem;justify-content:center;align-items:center}.about-container img{width:300px;height:300px;border-radius:500px;margin-right:100px;background-color:var(--background1)}.about-container .about-text{color:var(--text2);font-size:20px;width:50%}.about-container br{padding-top:10px}.about-container a{color:var(--accent1);font-weight:500}.about-container h2{margin-top:0}@media screen and (max-width: 900px){.about-container{flex-direction:column;padding-bottom:5rem;padding-top:0rem}.about-container .about-text{color:var(--text2);width:100%;font-size:18px}.about-container img{margin-right:0;width:250px;height:250px;margin-bottom:1.25rem}h2{font-weight:700;padding-top:2.25rem;text-align:center}}@media screen and (min-width: 900px){.about-text a:after{position:absolute;content:"";width:100%;color:#ecf0f1;height:3px;top:100%;left:0;transition:transform .5s;transform:scaleX(0);transform-origin:right;background:-webkit-linear-gradient(right,var(--accent1),var(--accent2));background:linear-gradient(270deg,var(--accent1) 0,var(--accent2));background-size:350%;-webkit-animation:gradientText 3s ease infinite;animation:gradientText 3s ease infinite}.about-text a:hover:after{transform:scaleX(1);transform-origin:left}}.rocket-btn{display:flex;flex-wrap:wrap;padding-bottom:2.5rem;padding-top:1.25rem;justify-content:center;align-items:center}.btn-big{text-align:center;color:#f4f6fb;width:fit-content;padding:.5rem 1rem;margin:.5rem;border-radius:.5rem;display:inline-block;transition:all .3s;box-sizing:border-box;font-size:1.25rem}@media screen and (min-width: 900px){.btn-big:hover{transform:scale(.96)}.btn-big:active{transform:scale(.9)}}.popup{position:fixed;display:none;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000a1;color:var(--text1);z-index:500;transition:all .3s}.popup .close{color:var(--text1);float:right;font-size:28px;font-weight:700;z-index:600;transition:all .3s}.popup .close:hover,.popup .close:focus{color:var(--accent1);text-decoration:none;cursor:pointer}.popup-container{background-color:var(--background3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin:5rem;padding:20px;box-sizing:border-box;transition:all .3s;border-radius:.25rem}.popup-container h3{color:var(--text1);font-size:2rem;text-align:center}.popup-container p{text-align:center;font-weight:300}.popup-flex{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;padding-bottom:1.25rem;margin:0 10rem}.popup-item{margin:1.25rem;position:relative;box-sizing:border-box;display:flex;flex:1 0 300px;flex-flow:column;max-width:350px}.popup-item-container{background-color:var(--background3);border:1px solid var(--text1);padding:1.25rem;border-radius:1.25rem;position:relative;transition:all .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.popup-item-container .popup-icon{width:5rem;height:5rem;margin:1.25rem 0}.owned{background-color:var(--accent1);border:1px solid #f4f6fb00;color:#fff;box-shadow:0 3px 13px 3px var(--btn-primary-shadow)}@media screen and (max-width: 900px){.popup-container{margin:0}.popup-container h3{font-size:1.5rem}h2{font-weight:700;padding-top:2.25rem;text-align:center}}.projects{margin:auto;width:80vw;font-weight:300}.projects-container{display:flex;flex-wrap:wrap;margin-left:-1.5rem;margin-right:-1.5rem;padding-bottom:1.25rem}.projects-item{padding-left:1.25rem;padding-right:1.25rem;width:50%;margin-top:1.25rem;margin-bottom:1.25rem;position:relative;box-sizing:border-box}.projects-item-container{min-height:10rem;background-color:var(--background2);padding:1.25rem;border-radius:1.25rem;position:relative;transition:all .3s}.projects-item-container img{max-width:100%;max-height:100%;border-radius:.25rem}.projects-title{font-weight:500}@media screen and (max-width: 900px){.projects-container{flex-direction:column}.projects-item{width:100%}h2{font-weight:700;padding-top:2.25rem;text-align:center}}@media screen and (min-width: 900px){.projects-item-container:hover{box-shadow:6px 10px 19px #0006;transform:scale(1.03)}.projects-item-container:active{transform:scale(1)}}