@-moz-document url-prefix(){*{scrollbar-width:thin;scrollbar-color:#66d9ef80 transparent}.frame{display:none}.frame.loaded{display:block}.imprint-page .container{display:none}.imprint-page .container.loaded{display:block}}::-webkit-scrollbar{width:.3rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#66d9ef80;border-radius:30px}html,body{background-color:#1f1f1f;height:100%;margin:0;overflow:hidden}body{justify-content:center;align-items:center;min-height:100vh;display:flex}@font-face{font-family:SourceCodePro-Light;font-display:swap;src:url(/font/SourceCodePro-Light.otf)format("opentype")}@font-face{font-family:Lato-Regular;font-display:swap;src:url(/font/Lato-Regular.ttf)format("truetype")}@font-face{font-family:EBGaramond-Regular;font-display:swap;src:url(/font/EBGaramond-Regular.ttf)format("truetype")}div{color:#fff}.no-js .frame,.no-js .imprint-page .container{display:none}.imprint-page .container{opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out}.imprint-page .container.loaded{opacity:1;visibility:visible}#initial-content h1{text-shadow:2px 2px 3px #000;margin-top:0;margin-bottom:50px;font-family:Lato-Regular,sans-serif;font-size:50px}#initial-content p{font-family:SourceCodePro-Light,sans-serif;font-size:20px}#skills-content h1{text-shadow:2px 2px 3px #000;text-align:center;color:#fff;margin-top:0;margin-bottom:20px;font-family:Lato-Regular,sans-serif;font-size:36px}p{color:#fff;font-family:EBGaramond-Regular;font-size:30px}a{color:#66d9ef;font-weight:700;text-decoration:none;transition:color .3s}a:hover{color:#a6e22e;text-decoration:underline;transform:scale(1.15)}a[href^=mailto]:hover{color:#a6e22e;text-decoration:underline}a[href^=mailto]{color:#66d9ef;font-weight:700;transition:color .3s}.frame{z-index:1;text-align:center;-webkit-backdrop-filter:blur(5px);width:380px;height:auto;transform-style:preserve-3d;touch-action:none;transform-origin:50%;opacity:0;visibility:hidden;background:#000000b3;border:1px solid #fff3;border-radius:15px;margin:0 auto;transition:all .5s ease-out;animation:.5s ease-out fadeIn;position:relative;box-shadow:0 8px 32px #0000005e}.frame.loaded{opacity:1;visibility:visible}.frame.expanded{z-index:100;border-radius:0;width:90%;height:85%;transition:all .5s ease-out;position:fixed;top:10%;left:5%;overflow:hidden}.frame.expanded .inner{box-sizing:content-box;height:95%;padding-right:15px;overflow:hidden auto}.inner{padding:30px 20px;animation:1.1s ease-out .3s both slideUp;position:relative}.content-container{min-height:300px;position:relative}#initial-content,#skills-content{width:100%;transition:opacity .3s ease-out;position:absolute;top:0;left:0}#initial-content.hiding,#skills-content:not(.showing){opacity:0;pointer-events:none}.contact-options-container{justify-content:center;align-items:center;height:150px;display:flex}.contact-options{justify-content:space-around;width:100%;display:flex}.contact-options-fade1{opacity:1;animation:.3s ease-in 1s fadeIn}.contact-options-fade2{opacity:1;animation:.3s ease-in 1.1s fadeIn}.contact-options-fade3{opacity:1;animation:.3s ease-in 1.2s fadeIn}.contact-options-fade4{opacity:1;animation:.3s ease-in 1.3s fadeIn}#skills-content.showing{opacity:1;pointer-events:auto}.bottom{margin-top:30px;margin-bottom:40px;transition:opacity .3s ease-out;animation:1s ease-out .6s both slideUp}.bottom.hiding{opacity:0;animation:none}.bottom h2{color:#fff;margin-top:0;margin-bottom:20px;font-family:EBGaramond-Regular;font-size:28px}.bottom p{color:#d5d5d5;margin:10px 0;font-family:EBGaramond-Regular;font-size:20px}.skills-content{text-align:left;box-sizing:border-box;padding:20px 30px}.skills-content h3{color:#fff;text-align:center;margin-top:0;margin-bottom:25px;font-family:EBGaramond-Regular;font-size:28px;position:relative}.skills-content h3:after{content:"";background:#66d9ef;border-radius:3px;width:60px;height:3px;margin:10px auto;display:block}.skills-content h4{color:#66d9ef;border-bottom:1px solid #ffffff1a;margin-top:30px;margin-bottom:15px;padding-bottom:8px;font-family:EBGaramond-Regular;font-size:24px}.skills-content h5{margin-top:25px;margin-bottom:12px;font-family:EBGaramond-Regular;font-size:24px}.skills-content p{color:#e0e0e0;margin:15px 0;font-family:EBGaramond-Regular;font-size:20px;line-height:1.6}.skills-content p strong{color:#fff;font-family:EBGaramond-Regular,serif;font-weight:700}.skills-content ul{margin:18px 0 25px;padding-left:25px;font-family:EBGaramond-Regular}.skills-content li{color:#e0e0e0;margin:12px 0;font-family:EBGaramond-Regular;font-size:22px;line-height:1.5;list-style-type:none;position:relative}.skills-content li:before{content:"•";color:#66d9ef;font-size:25px;position:absolute;top:0;left:-18px}.skills-content a{color:#66d9ef;border-bottom:1px dotted #66d9ef;font-weight:400;text-decoration:none;transition:color .3s}.skills-content a:hover{color:#a6e22e;border-bottom:1px solid #a6e22e;text-decoration:none}@media screen and (width<=768px){.frame{width:90%;height:auto}.frame.expanded{width:90%;height:90%;top:10%;left:5%}#initial-content h1{margin-bottom:100px;font-size:40px}#skills-content h1{margin-bottom:15px;font-size:28px}.skills-content{padding:15px 20px}.skills-content h3{margin-bottom:20px;font-size:24px}.skills-content h4,.skills-content h5{margin-top:25px;margin-bottom:12px;font-family:EBGaramond-Regular;font-size:24px}.skills-content p{margin:12px 0;font-family:EBGaramond-Regular;font-size:22px}.skills-content ul{margin:12px 0 20px;padding-left:20px}.skills-content li{margin:10px 0;font-family:EBGaramond-Regular;font-size:23px}.skills-content li:before{list-style-type:none;top:0;left:-18px}.bottom h2{margin-bottom:15px;font-family:EBGaramond-Regular;font-size:20px}.bottom p{margin:8px 0;font-family:EBGaramond-Regular;font-size:23px}}@media screen and (width<=480px){.frame{width:95%}.frame.expanded{width:95%;height:95%;top:5%;left:2.5%}#initial-content h1{margin-bottom:100px;font-size:36px}#skills-content h1{margin-bottom:12px;font-size:24px}.skills-content{padding:12px 15px}.skills-content h3{margin-bottom:15px;font-family:EBGaramond-Regular;font-size:20px}.skills-content h3:after{width:40px;height:2px}.skills-content h4{margin-top:20px;margin-bottom:10px;padding-bottom:6px;font-family:EBGaramond-Regular;font-size:24px}.skills-content p{margin:10px 0;font-family:EBGaramond-Regular;font-size:23px}.skills-content ul{margin:14px 0 15px;padding-left:15px}.skills-content li{margin:8px 0;font-family:EBGaramond-Regular;font-size:25px}.skills-content li:before{list-style-type:none;top:0;left:-15px}.bottom h2{margin-bottom:12px;font-size:20px}.bottom p{margin:6px 0;font-family:EBGaramond-Regular;font-size:23px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}canvas{vertical-align:bottom;width:100%;height:100%;display:block}#particles-js{z-index:0;vertical-align:bottom;opacity:0;background:#1f1f1f;width:100%;height:100%;transition:opacity 2s ease-in-out;position:absolute}#toggle-particles{z-index:10;-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:10px 15px;font-family:SourceCodePro-Light,serif;font-size:14px;transition:all .3s;position:fixed;top:20px;right:20px}#toggle-particles:hover{background:#fff3;transform:scale(1.05)}#imprint-link{z-index:10;-webkit-backdrop-filter:blur(10px);color:#fff;opacity:.7;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:5px 10px;font-family:SourceCodePro-Light,serif;font-size:12px;text-decoration:none;transition:all .3s;position:fixed;bottom:10px;right:10px}#imprint-link:hover{opacity:1;background:#fff3;transform:scale(1.05)}#language-switcher{z-index:10;gap:10px;display:flex;position:fixed;bottom:10px;right:120px}.lang-button{-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;padding:5px 10px;font-family:SourceCodePro-Light,serif;font-size:12px;transition:all .3s}.lang-button:hover{background:#fff3;transform:scale(1.05)}.lang-button.active{background:#66d9ef4d;border-color:#66d9ef80}.imprint-page{box-sizing:border-box;color:#fff;background-color:#1f1f1f;justify-content:center;align-items:flex-start;min-height:100vh;margin:0;padding:20px;font-family:EBGaramond-Regular;display:flex}.imprint-page .container{box-sizing:border-box;background:#000000b3;border:1px solid #fff3;border-radius:10px;width:100%;max-width:800px;max-height:90vh;margin:40px auto;padding:30px;overflow-y:auto}.imprint-page h1{text-align:center;color:#fff;margin-bottom:30px;font-family:Lato-Regular,sans-serif}.imprint-page h2{color:#66d9ef;margin-top:30px;margin-bottom:15px;font-family:EBGaramond-Regular,serif}.imprint-page h3{color:#66d9ef;margin-top:25px;margin-bottom:10px;font-family:EBGaramond-Regular,serif}.imprint-page p{color:#fff;margin:10px 0;font-family:EBGaramond-Regular;font-size:20px;line-height:1.6}.imprint-page a{color:#66d9ef;font-weight:400;text-decoration:none}.imprint-page a:hover{color:#a6e22e;text-decoration:underline}.imprint-page .back-link{text-align:center;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:5px;margin-top:30px;padding:10px;font-family:SourceCodePro-Light,sans-serif;font-size:16px;font-weight:400;text-decoration:none;transition:all .3s;display:block}.imprint-page .back-link:hover{background:#fff3;transform:scale(1.05)}@media (prefers-color-scheme:light){.imprint-page{color:#333;background-color:#f5f5f5}.imprint-page .container{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 4px 20px #0000001a}.imprint-page h1{color:#333}.imprint-page h2,.imprint-page h3{color:#06c}.imprint-page p{color:#333}.imprint-page a{color:#06c}.imprint-page a:hover{color:#049}.imprint-page .back-link{color:#333;background:#0000000d;border:1px solid #0000001a}.imprint-page .back-link:hover{background:#0000001a;transform:scale(1.05)}}