@charset "UTF-8";/*! 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}html{--accent1: #85372c;--accent2: #85372ccc;--background1: #111111;--background2: #1c1c1c;--background3: #1c1c1c42;--background4: #1c1c1cbb;--backgroundBtn: #f6f6f61a;--backgroundBtn-hover: #f6f6f641;--text1: #F6F6F6;--scrollbar: #f6f6f679;--scrollbar-hover: #f6f6f6be;--footer-bg: #1c1c1c;--margin: 1.25rem;--dark: 1;--light: 0}.lightmode{--background1: #F6F6F6;--background2: #d3d3d3;--background3: #d3d3d342;--background4: #d3d3d3bb;--backgroundBtn: #1c1c1c1a;--backgroundBtn-hover: #1c1c1c41;--text1: #111111;--scrollbar: #1c1c1c50;--scrollbar-hover: #1c1c1c;--footer-bg: #ffffff}.darkmode{--background1: #111111;--background2: #1c1c1c;--background3: #1c1c1c42;--background4: #1c1c1cbb;--backgroundBtn: #f6f6f61a;--backgroundBtn-hover: #f6f6f641;--text1: #F6F6F6;--scrollbar: #f6f6f679;--scrollbar-hover: #f6f6f6be;--footer-bg: #1c1c1c}@media screen and (max-width: 900px){html{--margin: 1rem}}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin-ext.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(https://cdn.fabian.lol/fonts/SpaceGrotesk/latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{scroll-behavior:smooth;color:var(--text1);font-family:Space Grotesk,sans-serif}body{background-color:var(--background1);margin:0;padding-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box}a{color:inherit;text-decoration:none;position:relative;cursor:pointer}.page-content{margin:0 auto;overflow:hidden;max-width:1600px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}:target{scroll-margin-top:120px}main{padding:var(--margin);padding-bottom:5rem}h3{font-size:2.25rem;font-weight:700;text-align:center;word-break:break-word;hyphens:manual}.pc{display:flex;width:100%;justify-content:center}.pc img{width:300px}main{margin-bottom:5rem}@media screen and (max-width: 1200px){.noMobile{display:none}#cursor-border{opacity:0}}::selection{background-color:var(--backgroundBtn)}#cursor{position:fixed;top:-5px;left:-5px;width:10px;height:10px;background-color:var(--text1);border-radius:50%;pointer-events:none;z-index:999}#cursor-border{--size: 30px;position:fixed;top:calc(var(--size) / -2);left:calc(var(--size) / -2);width:var(--size);height:var(--size);border-radius:50%;box-shadow:0 0 0 1px var(--text1);pointer-events:none;background-size:0;background-repeat:no-repeat;background-image:url('data:image/svg+xml;charset=UTF-8,<svg width="384" height="512" viewBox="0 0 384 512" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M73 39.0001C58.2 29.9001 39.6 29.6001 24.5 38.1001C9.4 46.6001 0 62.6001 0 80.0001V432C0 449.4 9.4 465.4 24.5 473.9C39.6 482.4 58.2 482 73 473L361 297C375.3 288.3 384 272.8 384 256C384 239.2 375.3 223.8 361 215L73 39.0001Z" fill="white"/></svg>');transition:top .15s ease-out,left .15s ease-out,width .15s ease-out,height .15s ease-out,background-color .15s ease-out,opacity .25s ease-out;z-index:999}.contact-me{display:flex;justify-content:center;padding-bottom:4rem}.contact-me .btn{padding:.75rem 1rem;background-color:var(--backgroundBtn);border-radius:10px;transition:.3s;font-size:1.25rem;margin:0 1rem}.message-wrapper{display:flex;width:100%;justify-content:center;margin-top:3rem;align-items:center}.message-wrapper .btn{padding:.75rem 1rem;background-color:var(--backgroundBtn);border-radius:10px;transition:.3s;font-size:1.25rem}.message{border-radius:60px;font-size:27px;font-weight:600;letter-spacing:-.015em;margin-bottom:25px;border:3px solid #000;padding:20px 40px;position:relative;background:#000;border-color:#000;color:#fff}.message:after{width:34px;height:30px;position:absolute;left:-.8%;bottom:-11px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMy41MiAyOS41OCc+PHBhdGggZD0nTTEzLjQzLDBTMTQuMTEsMTYsMCwyOS41N0MtLjI4LDI5Ljg0LDI4LjY1LDI1LjQ5LDMzLjUyLDZaJyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgwKScvPjwvc3ZnPgo=);background-position:0 0;transition:opacity .4s;background-size:100% auto;content:""}@media screen and (min-width: 900px){.contact-me .btn:hover{background-color:var(--backgroundBtn-hover);transform:scale(1.06)}}@media screen and (max-width: 900px){.message{font-size:20px;padding:15px 35px}h3{font-size:2.5rem}}nav{position:fixed;padding:1.5rem var(--margin);display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;right:0;left:0;top:0;z-index:600;border-radius:30px;padding:1rem;margin:var(--margin) var(--margin);border-style:solid;border-width:1px;border-radius:1rem;border-color:#fff0}nav .nav-links{left:0;display:flex;width:100%;justify-content:center;margin:0;padding:0;position:absolute}nav .nav-links li{margin:0 1rem;font-size:18px;list-style:none;z-index:600;display:flex;justify-content:center;align-items:center}nav .nav-links a{padding:.75rem 1rem;background-color:var(--backgroundBtn);border-radius:10px;transition:.3s}nav .nav-btns{left:0;display:flex;margin:0;padding:0}nav .nav-btns li{margin:0 .25rem;font-size:21px;list-style:none;z-index:600}nav .nav-btns a{padding:.75rem 1rem;background-color:var(--backgroundBtn);border-radius:10px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;transition:.3s}nav .nav-btns a i{position:absolute}nav .nav-btns a .menuIcon{transform:translate(-10%)}nav h1{margin:0}nav p{margin:0;font-size:1.2rem}nav #hamburger{display:none}@media screen and (min-width: 900px){.nav-links a:hover,.nav-btns a:hover{background-color:var(--backgroundBtn-hover);transform:scale(1.06)}}@media screen and (max-width: 1200px){.showMenu{height:300px;align-items:end}.showMenu .nav-links{transform:translateY(0)}nav{justify-content:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);top:unset;bottom:0;align-items:center;background-color:var(--background3);background-size:512px;background-position:center;background-repeat:repeat;-webkit-backdrop-filter:blur(1.35rem);backdrop-filter:blur(1.35rem);border-color:#ffffff17;border-style:solid;border-width:1px;border-radius:20px}nav #hamburger{display:inline-block}nav .nav-links{display:block;transform:translateY(150%);transition:transform .2s;z-index:-1;list-style:none;padding:20px 0 90px;border-radius:30px}nav .closeIcon{display:none}nav .menuItem{width:100%;margin:.25rem;text-align:center}}@media screen and (max-width: 900px){nav h1{font-size:1.75rem}nav p{margin:0;font-size:1.07rem}}.nav-bg{background-color:var(--background3);background-size:512px;background-position:center;background-repeat:repeat;-webkit-backdrop-filter:blur(1.35rem);backdrop-filter:blur(1.35rem);border-color:#ffffff17;border-style:solid;border-width:1px;border-radius:20px}.images-grid{text-align:center;padding:2rem 3%}.images-grid img{width:100%}.images-grid img:not(:last-child){margin-bottom:1rem}.images-grid img{transition:opacity .4s}.images-grid img{animation:rise .4s ease-out backwards;animation-play-state:paused;animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(10%)}}@media screen and (min-width: 480px){.images-grid{padding:2rem 10%}}@media screen and (min-width: 768px){.images-grid{columns:2;column-gap:1rem;padding:2rem 10%}}@media screen and (min-width: 1024px){.images-grid{columns:3;column-gap:1.5rem;padding:2rem 10%}.film{columns:2;column-gap:1.5rem;padding:2rem 10%}}.film img{cursor:pointer}.popup{position:fixed;display:none;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000a1;color:#fff;z-index:700;transition:all .3s}.popup .close{display:inline-block;padding:.75rem 1rem;background-color:var(--backgroundBtn);border-radius:10px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;transition:.3s;font-size:28px;float:right}.popup .close:hover{background-color:var(--backgroundBtn-hover);transform:scale(1.06);cursor:pointer}.popup-container{background-color:var(--background3);background-size:512px;background-position:center;background-repeat:repeat;-webkit-backdrop-filter:blur(1.35rem);backdrop-filter:blur(1.35rem);border-color:#ffffff17;border-style:solid;border-width:1px;border-radius:20px;margin:5rem;padding:20px;box-sizing:border-box;transition:all .3s;border-radius:1rem}.popup-container h3{color:#fff;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 #fff;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(--accent2);border:1px solid #ffffff00;color:#fff}@media screen and (max-width: 900px){.popup-container{margin:0}.popup-container h3{font-size:1.5rem}.popup-container h2{font-weight:700;padding-top:2.25rem;text-align:center}}.white-popup{position:relative;background:#ffffff00;padding:30px;width:auto;max-width:500px;margin:20px auto}.sticky{position:fixed;bottom:0;padding:10px 0;background-color:#fff;width:100%}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:502;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:503;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:505}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:504}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;padding:0;z-index:506}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#fff}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;top:0;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{opacity:.8;border-top-width:12px;border-bottom-width:12px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:20px;border-bottom-width:20px}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:12px solid black;left:5px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{border-right:20px solid white}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:12px solid black;left:3px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:20px solid white}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;top:-3px;left:0;width:100%;height:100%;box-shadow:0 0 8px #0009;background:black}.mfp-iframe-holder .mfp-close{top:-43px}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px #0009}.mfp-figure{line-height:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width: 800px) and (orientation: landscape),screen and (max-height: 300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}}@media all and (max-width: 800px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.notification-container{border-radius:1.25rem;position:fixed;padding:2rem;bottom:1rem;width:32rem;right:1rem;z-index:500;background-color:var(--background3);background-size:512px;background-position:center;background-repeat:repeat;-webkit-backdrop-filter:blur(1.35rem);backdrop-filter:blur(1.35rem);border-color:#ffffff17;border-style:solid;border-width:1px;border-radius:20px;margin:auto}.notification-container .emoji{border-radius:100%;width:2rem;height:auto}.notification-container h3{display:flex;align-items:center}.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;font-size:1.25rem;text-align:left;color:var(--text1);margin:0}.notification-description{margin:0;margin-top:1rem;margin-bottom:1.25rem;font-weight:300}.notification-description a{margin-top:10px}.notification-data{margin-bottom:1.25rem}.btn-small{padding:.5rem .75rem;background-color:var(--backgroundBtn);border-radius:10px;transition:.3s}.btn-primary{background:var(--text1);color:var(--background1)}@media screen and (max-width: 900px){.notification-container{width:calc(100% - var(--margin) - var(--margin));right:0;left:0;bottom:0;margin:var(--margin) var(--margin) 120px var(--margin)}.btn-small{width:100%}.achievements-btn .btn-small{width:fit-content}.btn-secondary{margin-top:1.25rem}}@media screen and (min-width: 900px){.btn-secondary:hover{background-color:var(--backgroundBtn-hover)}}.projects-container{display:flex;flex-wrap:wrap;padding:0 10%}.project-item{padding:1.25rem;width:50%;position:relative;box-sizing:border-box}.project-item-container{min-height:10rem;background-color:var(--background3);padding:1.25rem;border-radius:1.25rem;position:relative;transition:all .3s}.project-item-container img{max-width:100%;max-height:100%;border-radius:.25rem}.project-item-container h4{font-weight:700;font-size:1.25rem;margin:0}.project-info{display:flex;align-items:center;padding-bottom:1rem;justify-content:space-between}.project-badge{display:flex;justify-content:space-between;align-items:center}.project-badge span{border-radius:1rem;padding:.25rem .5rem;margin-left:.25rem;border-style:solid;border-width:1px}.project-badge .vue{border-color:#3fb27f}.project-badge .nuxt{border-color:#00dc82}.project-badge .strapi{border-color:#4945ff}.project-badge .html{border-color:#e44f26}.project-badge .scss{border-color:#b75f8c}.project-badge .spotify{border-color:#1cc95a}.project-badge .js{border-color:#f5d032}@media screen and (max-width: 900px){.projects-container{flex-direction:column;padding:0}.project-item{width:100%}.project-info{flex-direction:column}.project-info .project-badge{margin-top:.5rem}}@media screen and (min-width: 900px){.project-item-container:hover{box-shadow:6px 10px 19px #0006;transform:scale(1.03)}.project-item-container:active{transform:scale(1)}}.services{display:flex;justify-content:center;flex-wrap:wrap}.service{width:300px;height:200px;padding:3rem;margin:1.5rem;background-color:var(--background4);background-position:center;background-repeat:repeat;-webkit-backdrop-filter:blur(1.35rem);backdrop-filter:blur(1.35rem);border-color:#ffffff17;border-style:solid;border-width:1px;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.3s}.service h2{font-size:1.05em;margin-top:1.5rem;text-align:center}.service .serviceimg{display:flex;justify-content:center;width:60px;height:60px}.service .serviceimg svg{color:var(--text1)}.service .clientimg{display:flex;justify-content:center;padding:1rem;width:100%;height:100%}.service .clientimg img{width:auto;height:auto}@media screen and (max-width: 900px){.services{display:flex;justify-content:center;flex-direction:column;align-items:center}.services .service{margin:1rem}}.darkmode .darkimg{-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1)}.lightmode .darkimg,.darkmode .lightimg{-webkit-filter:grayscale(1) invert(0);filter:grayscale(1) invert(0)}.lightmode .lightimg{-webkit-filter:grayscale(1) invert(1);filter:grayscale(1) invert(1)}.hero{width:100%;height:30rem;overflow:hidden}.hero-full{height:100%;overflow:hidden}.hero-full .hero-bg{height:150%}.hero-bg{background-color:var(--background3);width:100%;height:inherit;overflow:hidden;position:absolute;top:0;backdrop-filter:blur(100px);-webkit-backdrop-filter:blur(100px);z-index:200}.statusContainer{display:flex;align-items:center}.hero-container{display:flex;align-items:center;justify-content:center;text-align:center;height:inherit;width:100%;z-index:500;position:absolute;flex-direction:column;top:0;padding:var(--margin)}.hero-container h2{font-size:3rem;font-weight:700;margin:0;color:var(--text2);display:flex;justify-content:center;align-items:center}.hero-container h2 img{height:80px;margin-left:.25rem}.hero-container p{font-size:1rem;font-weight:300}.hero-bar-container{display:flex;align-items:flex-end;height:inherit;width:100%;z-index:500;position:absolute;top:0}.hero-bar-container .hero-bar{position:absolute;padding:var(--margin);right:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;font-size:18px}.hero-bar-container #status-icon{padding:.375rem}.hero-bar-container #spotify{margin-left:1.25rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-bar-container #spotifyimg{display:flex;align-items:center}.hero-bar-container img{border-radius:5px;width:30px;margin-left:1.25rem}.circle{width:300px;height:300px;background-color:var(--accent2);border-radius:50%;z-index:100;--xA: 10px;--yA: 10px;--xB: 30px;--yB: 30px}.c1{animation-name:moveCircle;animation-duration:3s;animation-iteration-count:1;animation-timing-function:cubic-bezier(4.17,4.67,4.4,4.31)}.c2{animation-name:moveCircle;animation-duration:7s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.17,.67,.4,.31)}.c3{animation-name:moveCircle;animation-duration:6s;animation-iteration-count:1;animation-timing-function:cubic-bezier(.17,.67,.4,.31)}@keyframes moveCircle{0%{transform:translate3d(var(--xA),var(--yA),0)}to{transform:translate3d(var(--xB),var(--yB),0)}}.socials{padding:10px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.socials li{margin:0 .25rem;font-size:25px;list-style:none;transition:.3s}.socials a{padding:.8rem;border-radius:50px}.topics{margin-top:1rem;display:flex;justify-content:center}.topic{width:200px;height:200px;padding:3rem;margin:1.5rem;background-color:var(--background3);background-position:center;background-repeat:repeat;-webkit-backdrop-filter:blur(1.35rem);backdrop-filter:blur(1.35rem);border-color:#ffffff17;border-style:solid;border-width:1px;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.3s}.topic h2{font-size:1rem;padding-top:1rem}.topic img{width:100%}.topic .topicimg{display:flex;justify-content:center;width:100px;height:100px}.topic:hover{background-color:var(--backgroundBtn);transform:scale(1.06)}#maintitle{font-size:5rem}@media screen and (min-width: 900px){.socials:hover li{color:var(--scrollbar)}.socials li:hover{transform:scale(1.09);color:var(--text1)}}@media screen and (max-width: 1200px){.hero-container h2{font-size:2rem;font-weight:700;margin-bottom:1rem}.hero-container h2 img{height:70px}.hero-container p{font-size:1rem;font-weight:300}.hero-container .topic h2{font-size:.8rem;padding-top:1rem}.hero-bar{display:none}.hero-bar-container{display:flex;position:absolute;align-items:flex-end}.hero-bar-container .hero-bar{font-size:16px;left:0;justify-content:space-between}#maintitle{font-size:3rem}.topic{width:160px;height:160px;padding:1rem;margin:.5rem}.topic .topicimg{width:80px;height:80px}.hero{height:25rem}.hero-full{height:calc(100% - 100px)}}@keyframes wave-animation{0%{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}footer{background-color:var(--footer-bg);margin:0 var(--margin);padding:1rem;border-radius:20px 20px 0 0}footer h1{margin:0;font-size:1.25rem}footer p{margin:0}footer a{padding:.5rem .75rem;background-color:var(--backgroundBtn);border-radius:10px;transition:.3s}footer .footer-container{display:flex;justify-content:space-between}footer .footer-column{display:flex;align-items:center}footer .footer-column .fabian-text{width:fit-content;margin-right:8px}footer .footer-column .fabian-text .fa-heart{color:#f9063b}footer .footer-column .fabian-profile{width:fit-content;display:flex;color:var(--text1);font-weight:500;background-color:var(--backgroundBtn);border-radius:50px;padding:5px;transition:all .3s;align-items:center;margin-right:8px}footer .footer-column .fabian-profile img{border-radius:100%;width:1.25rem;height:auto;margin-right:5px}footer .footer-column .fabian-profile2{display:flex;align-items:center}footer .footer-column .fabian-text2{display:flex;align-items:center}footer .footer-column li{margin:0 0 0 1rem;list-style:none}.footer-emoji{border-radius:100%;width:1.5rem;height:auto}.f2{display:none}@media screen and (min-width: 900px){footer p:before{content:" \2022  "}footer a:hover{background-color:var(--backgroundBtn-hover)}footer .fabian-profile:hover{background-color:var(--text1);color:var(--background1);transform:scale(.96);box-shadow:0 0 0 4px var(--backgroundBtn-hover)}}@media screen and (max-width: 900px){footer h1{display:none}footer .footer-container{flex-direction:column-reverse;margin-bottom:100px}footer .footer-column{margin:.5rem 0;justify-content:center}footer .footer-column .fa-heart{color:#f9063b}footer .footer-column li{margin:0;list-style:none}footer .footer-legal{flex-direction:row;justify-content:space-evenly;margin-bottom:1rem}}