:root{--l-body:#faebd7;--l-header:#ffffff80;--l-color:#281414;--d-body:#3c3936;--d-header:#00000080;--d-color:#d9d9d9}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body .lightContent{background-color:var(--l-body);color:var(--l-color);height:100vh;transition:all .5s;overflow:auto}body .darkContent{background-color:var(--d-body);color:var(--d-color);height:100vh;transition:all .5s;overflow:auto}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;padding:10px 0;position:sticky;top:0}body .lightContent header{background-color:var(--l-header)}body .darkContent header{background-color:var(--d-header)}header>div{grid-template-columns:1fr 2fr;align-items:center;width:88%;max-width:700px;margin:0 auto;display:grid}header>div .themeBtn{cursor:pointer;border-radius:4px;padding:5px}header>div .themeBtn>img{margin-left:5px}header>div .themeBtn .langBtn{vertical-align:super;cursor:pointer;display:inline-flex}header>div .themeBtn .langBtn>div{opacity:.4;padding:0 5px;font-size:20px}header>div .themeBtn .langBtn>div.checkLang{opacity:1}li{text-align:center;width:90px;margin-left:5px;list-style:none;display:inline-block}nav{justify-content:flex-end;align-items:center;display:flex}a{text-decoration:none}.lightContent a{color:var(--l-color)}.darkContent a{color:var(--d-color)}header>div>nav>ul>li>a,header>div .logo>a{padding:8px}body .lightContent header>div>nav>ul>li>a,body .lightContent header>div .logo>a{color:var(--l-color)}body .darkContent header>div>nav>ul>li>a,body .darkContent header>div .logo>a{color:var(--d-color)}header>div>nav>ul>li>a{text-align:center;width:80px;display:inline-block}body .lightContent header>div>nav>ul>li:hover,body .lightContent header>div>nav>ul>.active{outline:1px solid #281414}body .darkContent header>div>nav>ul>li:hover,body .darkContent header>div>nav>ul>.active{outline:1px solid #8b8383}header>div>.logo>a{margin-left:0;padding-left:0;font-weight:bolder}header .hamburgerBtn{cursor:pointer;width:40px;height:40px;transition:all .6s;display:none;position:relative}header .hamburgerBtn span{border-radius:4px;width:100%;height:2px;margin-left:auto;transition:all .3s;display:block;position:absolute}body .lightContent header .hamburgerBtn span{background-color:var(--l-color)}body .darkContent header .hamburgerBtn span{background-color:var(--d-color)}header .hamburgerBtn span:first-child{top:5px}header .hamburgerBtn span:nth-child(2){top:18px}header .hamburgerBtn span:last-child{bottom:5px}header .hamburgerBtnCkecked span:first-child{top:19px;transform:rotate(45deg)}header .hamburgerBtnCkecked span:nth-child(2){display:none}header .hamburgerBtnCkecked span:last-child{bottom:19px;transform:rotate(-45deg)}@media screen and (max-width:815px){header>div{grid-template-columns:1fr 40px}header .hamburgerBtn{display:block}nav{border-radius:0 0 8px 8px;width:100%;height:100vh;transition:all .5s;display:none;position:absolute;top:60px;right:0}body .lightContent nav{background-color:var(--l-body)}body .darkContent nav{background-color:var(--d-body)}nav.show{flex-direction:column;justify-content:space-evenly;transition:all .5s;display:flex}nav.show>ul{width:100%}header>div>nav>ul>li{background-color:#fff;width:70%;margin:20px auto;display:block}body .lightContent header>div>nav>ul>li{background-color:#fff}body .darkContent header>div>nav>ul>li{background-color:var(--d-header)}header>div>nav>ul>li>a{width:100%;display:block}}@media screen and (max-width:550px){header>div{grid-template-columns:1fr 50px}}footer{text-align:center;width:88%;max-width:700px;margin:0 auto;padding:20px;font-size:12px}section{margin-bottom:40px}p{word-break:break-all;margin:5px 0;line-height:30px}main{width:88%;max-width:700px;margin:50px auto 60px;line-height:1.5rem}h3{margin-bottom:15px}body .errorPage h2{margin:20px 0}body .lightContent .errorPage p a{color:var(--l-color)}body .darkContent .errorPage p a{color:var(--d-color)}canvas{width:100%!important;height:auto!important}