:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus{outline:none}ul,ol{padding:0;list-style:none}html,body{margin:0;padding:0;background-color:#444}html #navbar,body #navbar{position:fixed;top:0;width:100%;z-index:10}html #navbar #navbar-container,body #navbar #navbar-container{position:relative;max-width:600px;margin:0 auto;display:flex;justify-content:space-between;background:linear-gradient(.25turn,#e66465,#9198e5)}html #navbar #navbar-container #hero,body #navbar #navbar-container #hero{display:inline-block;margin:12px}html #navbar #navbar-container #nav-button,body #navbar #navbar-container #nav-button{transition:.58s all;display:inline-block;margin:12px;cursor:pointer}html #navbar #navbar-container #nav-button #top-bar,html #navbar #navbar-container #nav-button #mid-bar,html #navbar #navbar-container #nav-button #bottom-bar,body #navbar #navbar-container #nav-button #top-bar,body #navbar #navbar-container #nav-button #mid-bar,body #navbar #navbar-container #nav-button #bottom-bar{transition:.58s all}html #navbar #menu-container,body #navbar #menu-container{position:relative;max-width:600px;margin:0 auto;font-weight:1200}html #navbar #menu-container .nav-open,body #navbar #menu-container .nav-open{border-left:4px #222;border-bottom:4px #222;width:300px}html #navbar #menu-container .nav-close,body #navbar #menu-container .nav-close{border-left:0px solid #fff;border-bottom:0px solid #fff;width:0px}html #navbar #menu-container #nav-menu,body #navbar #menu-container #nav-menu{right:0;display:block;position:absolute;height:fit-content;overflow:hidden;transition:.55s all;background-color:#fff}html #navbar #menu-container #nav-menu a,body #navbar #menu-container #nav-menu a{font-size:40px;text-decoration:none;line-height:75px;margin:0 auto;justify-content:center;text-align:center;color:#222;clear:both;display:block;transition:.3s all ease}html #navbar #menu-container #nav-menu a:hover,body #navbar #menu-container #nav-menu a:hover{border-left:12px solid #9198e5}html #wrapper,body #wrapper{position:relative;padding-top:99px;max-width:600px;margin:0 auto;display:block;height:max-content;overflow-x:hidden;z-index:1}html #wrapper .content-article,body #wrapper .content-article{background-color:#fff;margin:0;padding:12px 0;display:block}html #wrapper .content-article h1,body #wrapper .content-article h1{cursor:default;font-size:28px;text-decoration:none;font-weight:800;line-height:32px;padding-left:24px;margin:0;justify-content:center;text-align:left;display:block;color:#222;border-left:12px solid #e66465}html #wrapper .content-article h2,body #wrapper .content-article h2{cursor:default;font-size:14px;text-decoration:none;font-weight:800;line-height:16px;margin:0;padding:10px 24px;justify-content:center;text-align:left;display:block;color:#222;border-left:12px solid #e66465}html #wrapper .content-article h3,body #wrapper .content-article h3{cursor:default;font-size:18px;text-decoration:none;font-weight:200;line-height:24px;margin:0;padding:10px 24px;justify-content:center;text-align:left;display:block;color:#222;border-left:12px solid #e66465}html #wrapper .content-article .content-section,body #wrapper .content-article .content-section{margin:0 0 12px;width:100%;display:block}html #wrapper .content-article .content-section video,body #wrapper .content-article .content-section video{display:block;max-width:300px;max-height:300px;padding:4px 12px;margin:0 auto;text-align:justify;text-justify:inter-word;background-size:contain;background-color:#333;background-position:center;background-repeat:no-repeat}html #wrapper .content-article .content-section .control-wrapper,body #wrapper .content-article .content-section .control-wrapper{position:relative;display:flex;max-width:590px;padding:20px 0;margin:10px auto;flex-wrap:wrap}html #wrapper .content-article .content-section .control-wrapper b,body #wrapper .content-article .content-section .control-wrapper b{color:#222;margin:0 auto}html #wrapper .content-article .content-section .control-wrapper p,body #wrapper .content-article .content-section .control-wrapper p{max-width:600px;color:#222;padding:4px 12px;margin:0 auto;line-height:18px;text-align:justify;text-justify:inter-word;font-style:italic}html #wrapper .content-article .content-section .control-wrapper button,body #wrapper .content-article .content-section .control-wrapper button{animation:.5s cubic-bezier(.075,.82,.165,1);cursor:pointer;position:relative;display:block;background-color:#fff;color:#222;min-width:120px;max-height:80px;line-height:40px;font-weight:600;margin:10px auto 0;padding:10px;border:none;border:4px #9198e5 solid;border-radius:15px;text-align:bottom}html #wrapper .content-article .content-section .control-wrapper button:active,body #wrapper .content-article .content-section .control-wrapper button:active{border:4px #6bba70 solid;background:#6bba70;color:#fff}html #wrapper .content-article .content-section .control-wrapper #description,body #wrapper .content-article .content-section .control-wrapper #description{margin-top:20px}html #wrapper .content-article .content-section .control-wrapper #citation,body #wrapper .content-article .content-section .control-wrapper #citation{font-size:10px;margin:10px auto 20px}html #wrapper #wrapper-footer,body #wrapper #wrapper-footer{height:fit-content;display:block;background-color:#222;margin-bottom:24px;z-index:2}html #wrapper #wrapper-footer span,body #wrapper #wrapper-footer span{line-height:24px;text-decoration:none;font-weight:200;font-style:normal;color:#fff;text-align:center;margin:0 auto;padding:12px 0;position:relative;display:block;width:fit-content}html #wrapper #wrapper-footer ul,body #wrapper #wrapper-footer ul{margin:0;padding:12px 0;-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px}html #wrapper #wrapper-footer ul li,body #wrapper #wrapper-footer ul li{text-align:center}html #wrapper #wrapper-footer ul li a,body #wrapper #wrapper-footer ul li a{line-height:24px;text-decoration:none;font-weight:200;font-style:normal;color:#fff}html #wrapper #wrapper-footer ul li a:hover,body #wrapper #wrapper-footer ul li a:hover{text-decoration:underline;color:#e66465}