:root{--l-body:#faebd7;--l-header:rgba(255,255,255,0.5);--l-color:rgb(40,20,20);--d-body:rgb(60,57,54);--d-header:rgba(0,0,0,0.5);--d-color:rgb(217,217,217)}*{margin:0;padding:0;box-sizing:border-box}body,html{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)}body .darkContent,body .lightContent{transition:all .5s;height:100vh;overflow:auto}body .darkContent{background-color:var(--d-body);color:var(--d-color)}header{padding:10px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:50}body .lightContent header{background-color:var(--l-header)}body .darkContent header{background-color:var(--d-header)}header>div{max-width:700px;width:88%;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;align-items:center}header>div .themeBtn{cursor:pointer;padding:5px;border-radius:4px}header>div .themeBtn>img{margin-left:5px}header>div .themeBtn .langBtn{display:inline-flex;vertical-align:super;cursor:pointer}header>div .themeBtn .langBtn>div{font-size:20px;padding:0 5px;opacity:.4}header>div .themeBtn .langBtn>div.checkLang{opacity:1}li{width:90px;list-style:none;display:inline-block;margin-left:5px;text-align:center}nav{display:flex;align-items:center;justify-content:flex-end}a{text-decoration:none}.lightContent a{color:var(--l-color)}.darkContent a{color:var(--d-color)}header>div .logo>a,header>div>nav>ul>li>a{padding:8px}body .lightContent header>div .logo>a,body .lightContent header>div>nav>ul>li>a{color:var(--l-color)}body .darkContent header>div .logo>a,body .darkContent header>div>nav>ul>li>a{color:var(--d-color)}header>div>nav>ul>li>a{display:inline-block;width:80px;text-align:center}body .lightContent header>div>nav>ul>.active,body .lightContent header>div>nav>ul>li:hover{outline:1px solid rgb(40,20,20)}body .darkContent header>div>nav>ul>.active,body .darkContent header>div>nav>ul>li:hover{outline:1px solid rgb(139,131,131)}header>div>.logo>a{margin-left:0;font-weight:bolder;padding-left:0}header .hamburgerBtn{width:40px;height:40px;cursor:pointer;transition:all .6s;position:relative;display:none}header .hamburgerBtn span{width:100%;height:2px;display:block;margin-left:auto;border-radius:4px;position:absolute;transition:all .3s}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{transform:rotate(45deg);top:19px}header .hamburgerBtnCkecked span:nth-child(2){display:none}header .hamburgerBtnCkecked span:last-child{transform:rotate(-45deg);bottom:19px}@media screen and (max-width:815px){header>div{grid-template-columns:1fr 40px}header .hamburgerBtn{display:block}nav{width:100%;height:100vh;border-radius:0 0 8px 8px;position:absolute;right:0;top:60px;display:none;transition:all .5s}body .lightContent nav{background-color:var(--l-body)}body .darkContent nav{background-color:var(--d-body)}nav.show{transition:all .5s;display:flex;flex-direction:column;justify-content:space-evenly}nav.show>ul{width:100%}header>div>nav>ul>li{width:70%;display:block;margin:20px auto}body .lightContent header>div>nav>ul>li,header>div>nav>ul>li{background-color:rgba(255,255,255)}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{max-width:700px;width:88%;padding:20px;text-align:center;font-size:12px;margin:0 auto}section{margin-bottom:40px}p{margin:5px 0;line-height:30px;word-break:break-all}main{max-width:700px;width:88%;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}