:root{--header-color: #f8f8f8;--highlight-color: #555555;--header-text-color: #1a191f;--main-color: #181d2c;--text-color: #f4f4f4;--text-color-p: #e5e5e5;--button-color: #f4f4f4;--accent-color: #108afc}html{height:100%;background-color:var(--main-color);color:var(--text-color)}body{min-height:100%;margin:0;font-family:"Roboto",sans-serif;background-image:radial-gradient(#21293f 5%, transparent 0);background-size:35px 35px;display:flex;flex-direction:column}main{flex-grow:1}a{color:var(--text-color)}.header{width:100%;position:relative;z-index:1000}.header a{text-decoration:none}.header a:hover{color:var(--accent-color)}nav .menu{margin:0;padding:0;list-style:none;overflow:hidden}nav li a{display:block;padding:20px 20px;text-decoration:none;color:var(--header-text-color)}nav .menu-btn{display:none}@media not screen and (min-width: 768px){.header{position:fixed;height:50px}.header nav{height:100%}.header .logo{display:none}nav li{background-color:var(--header-color)}nav .menu{clear:both;max-height:0;transition:max-height .2s ease-out;float:right;text-align:right}nav .menu-icon{cursor:pointer;float:right;padding:0 20px;position:relative;user-select:none;height:100%;display:flex;flex-direction:column;justify-content:center}nav .menu-icon .navicon{background:var(--text-color);display:block;height:2px;position:relative;border:1px solid #000;transition:all .2s ease-out;width:18px}nav .menu-icon .navicon:before,nav .menu-icon .navicon:after{background:var(--text-color);content:"";display:block;height:100%;position:absolute;border:1px solid #000;transition:all .2s ease-out;width:100%;left:-1px}nav .menu-icon .navicon:before{top:5px}nav .menu-icon .navicon:after{top:-7px}nav .menu-btn:checked~.menu{max-height:295px}nav .menu-btn:checked~.menu-icon{background:var(--header-color)}nav .menu-btn:checked~.menu-icon .navicon{background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}nav .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg);background:var(--header-text-color)}nav .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg);background:var(--header-text-color)}nav .menu-btn:checked~.menu-icon .navicon:before,nav .menu-btn:checked~.menu-icon .navicon:after{top:0}}@media screen and (min-width: 768px){nav{display:flex;justify-content:center}nav li{border-bottom:2px solid rgba(0,0,0,0);display:flex;justify-content:center;align-items:stretch}nav li:hover{border-bottom:2px solid var(--accent-color)}nav li a{min-height:60px;padding:10px 30px;display:flex;color:unset;justify-content:center;flex-direction:column}nav .menu{height:100%;clear:none;float:right;max-height:none;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:10px;margin-right:10px}nav .menu-icon{display:none}nav .menu a:hover{color:var(--accent-color)}.header .logo{font-size:2em;text-decoration:none;display:flex;position:absolute;height:100%;margin-left:20px;width:50px;box-sizing:border-box;justify-content:center;align-items:start}.header .logo img{width:100%;height:auto;filter:drop-shadow(0 0 2px black);margin-top:20px}}.main-content{max-width:800px;margin-left:auto;margin-right:auto;padding:20px;position:relative;line-height:1.5}.main-content>h1:first-child{margin-top:0}h1,h2,h3,h4,h5,h6{margin-top:2em}.main-content p{color:var(--text-color-p)}.main-content img{display:block;margin-left:auto;margin-right:auto;max-width:100%}.iframe{display:flex;align-items:center;flex-direction:column}.iframe iframe{width:71.1111111111vh;max-width:100vw;height:40vh;border:none}.hidden{display:none !important}.no-transition{transition:none !important}footer{position:relative;bottom:0;display:flex;align-items:center;justify-content:center}footer a{color:#3a3f4d;text-decoration:none}/*# sourceMappingURL=global.css.map */