@keyframes navbar-attach{0%{top:-100%}to{top:0}}@keyframes navbar-detach{0%{top:0}to{top:-100%}}@font-face{src:url(https://hannasammer.top/public/fonts/lexend-regular.ttf) format("truetype");font-weight:400;font-style:normal;font-family:Lexend}*{box-sizing:border-box;font-family:Lexend,sans-serif}body,html{height:100%;min-height:-moz-fit-content;min-height:fit-content;padding:0;color:#ececec;background-color:#1a1a1a;margin:0;width:100%}#loading{animation:opacity-to-hidden .25s ease-in-out;z-index:99999}@keyframes opacity-to-visible{0%{opacity:0}to{opacity:1}}@keyframes opacity-to-hidden{0%{opacity:1}to{opacity:0}}#loading>.spinner{animation:spin 1s linear infinite;height:50px;border:5px solid #ddd;border-top-color:#3498db;border-radius:50%;width:50px}#loading.loaded{animation:opacity-to-visible .25s ease-in-out forwards}body{padding:0;position:relative;flex-direction:column;display:flex}body>.navbar-wrapper{height:150px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 40px;border-bottom:2px solid #ececec;top:-100%;background-color:rgba(26,26,26,.75);width:100%;display:flex}@media screen and (max-width:930px){body>.navbar-wrapper{height:50px;padding:0;display:flex}}body>.navbar-wrapper>.navbar-desktop{height:100%;width:100%;display:flex}@media screen and (max-width:930px){body>.navbar-wrapper>.navbar-desktop{display:none}}body>.navbar-wrapper>.navbar-desktop>nav{height:100%;grid-template-columns:200px 1fr;width:100%;display:grid}body>.navbar-wrapper>.navbar-desktop>nav>.logo{justify-content:center;margin-bottom:8px;align-items:center;display:flex}body>.navbar-wrapper>.navbar-desktop>nav>.logo>a>img{height:100%;max-height:100px;width:100%}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr;display:grid}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top{display:flex}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top>.nav-social-links{height:100%;flex-shrink:1;gap:10px;align-items:center;padding-left:25px;display:flex}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top>.nav-social-links>.nav-social-link{height:32px;padding:3px;justify-content:center;transition:all .25s ease;align-items:center;width:32px;display:flex}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top>.nav-social-links>.nav-social-link>img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top>.nav-social-links>.nav-social-link:hover{scale:1.05;background-color:gray}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top>.nav-info{flex:1;justify-content:flex-end;padding-right:25px;gap:25px;align-items:center;display:flex}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top>.nav-info>span>a{text-decoration:none;color:#ececec}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-top>.nav-info>span>a:hover{text-decoration:underline}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom{justify-content:space-around;border-top:1px solid #fff;gap:2px;align-items:center;display:flex}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown{position:relative;min-width:150px;z-index:9999}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown>.label{padding:10px;text-decoration:none!important;cursor:pointer}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown>.label:after{text-decoration:none!important;content:"▼";padding-left:5px}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown>.dropdown-content{height:0;overflow:hidden;transition:height .25s ease;position:absolute;flex-direction:column;max-height:124px;gap:2px;top:110%;background-color:#ececec;left:0;width:100%;display:flex;z-index:9999}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown>.dropdown-content>a{height:30px;padding:4px 10px;justify-content:flex-start;font-size:14px;border:1px solid transparent;text-decoration:none;color:#000;transition:all .25s ease;align-items:center;display:flex}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown>.dropdown-content>a:hover{border:1px solid #ececec;color:#ececec;background-color:#1a1a1a}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown>.dropdown-content.open{height:130px}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom .custom-dropdown:hover>.label:after{content:"▲"!important}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom>.nav-link{transition:all .25s ease}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom>.nav-link:hover{scale:1.05}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom>.nav-link>a{font-size:16px;text-decoration:none;color:#ececec}body>.navbar-wrapper>.navbar-desktop>nav>.nav-content>.nav-bottom>.nav-link>a.active{text-decoration:underline}body>.navbar-wrapper>.navbar-mobile{flex:1;grid-template-columns:1fr 1fr 1fr;padding:0 10px;justify-content:space-between;align-items:center;display:none}@media screen and (max-width:930px){body>.navbar-wrapper>.navbar-mobile{display:grid}}body>.navbar-wrapper>.navbar-mobile>button{height:50px;justify-content:center;border:none;color:#1a1a1a;transition:transform .25s ease;background-color:transparent;align-items:center;cursor:pointer;width:50px;display:flex}body>.navbar-wrapper>.navbar-mobile>button.open{transform:rotate(90deg)}body>.navbar-wrapper>.navbar-mobile>.logo{height:100%;justify-content:center;align-items:center;display:flex}body>.navbar-wrapper>.navbar-mobile>.logo>a{height:50px;justify-content:center;align-items:center;width:50px;display:flex}body>.navbar-wrapper>.navbar-mobile>.logo>a>img{height:45px;-o-object-fit:contain;object-fit:contain;margin:auto;width:auto}body>.navbar-wrapper.attached{animation:navbar-attach .5s ease;position:sticky;top:0;left:0;width:100%;z-index:9999}@media screen and (max-width:930px){body>.navbar-wrapper.attached{animation-duration:0s}}body>.navbar-wrapper.detached{animation:navbar-detach .5s ease;position:sticky;z-index:9999}@media screen and (max-width:930px){body>.navbar-wrapper.detached{animation-duration:0s}}body>.main-wrapper{flex:1;min-height:-moz-fit-content;min-height:fit-content;padding:0 40px 40px}body>.main-wrapper>.header-wrapper{text-align:center}body>.footer-wrapper{height:-moz-fit-content;height:fit-content;grid-template-columns:1fr 1fr 1fr 1fr;padding:40px 40px 0;border-top:1px solid #ececec;display:grid}@media screen and (max-width:930px){body>.footer-wrapper{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr}}body>.footer-wrapper ul>h3{padding-left:10px}body>.footer-wrapper ul>li{transition:all .25s ease;margin:10px 0;padding-left:10px}body>.footer-wrapper ul>li>a{font-size:16px;text-decoration:none;font-weight:100;color:#ececec}body>.footer-wrapper ul>li::marker{content:"→"}body>.footer-wrapper>.logo{justify-content:center;align-items:center;display:flex}body>.footer-wrapper>.logo>a>img{height:150px}body>.footer-wrapper>.contact>ul>li{list-style:none;margin:10px 0}body>.footer-wrapper>.contact>ul>li::marker{content:""}body #nav-mobile-links{height:calc(100% - 50px);overflow:hidden;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);padding:40px 0;justify-content:flex-start;transition:width .25s ease;position:fixed;flex-direction:column;gap:20px;top:50px;background-color:rgba(26,26,26,.75);align-items:center;left:-1%;width:0;display:flex;z-index:999}body #nav-mobile-links.open{left:0;width:100%}body #nav-mobile-links>.nav-mobile-link{font-size:16px;text-decoration:none;color:#ececec;transition:all .25s ease;word-break:keep-all;white-space:nowrap}body #nav-mobile-links>.nav-mobile-link.active{text-decoration:underline}body #nav-mobile-links>.nav-mobile-link:hover{scale:1.05;text-decoration:underline}#loading{height:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:center;transition:opacity .5s ease;position:fixed;opacity:1;top:0;background-color:rgba(26,26,26,.9);align-items:center;left:0;width:100%;display:flex;z-index:9999}#loading.loaded{opacity:0}#loading .loading-container{flex-direction:column;gap:20px;align-items:center;display:flex}#loading .loading-container .favicon-spinner{animation:spin 2s linear infinite;height:64px;width:64px}#loading .loading-container p{font-size:18px;font-weight:300;color:#ececec;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}