@import url(https://fonts.googleapis.com/css?family=Roboto);:root{--accent:#38e7fc;--accent-hover:#2fbfcf}*{padding:0;margin:0;box-sizing:border-box}body,html{font-family:Roboto,sans-serif;line-height:1.4;background:#222;color:#fff}a{color:inherit;text-decoration:none}#page-container{position:relative;min-height:100vh}#content-wrap{padding-bottom:2.5rem}.noshow{display:none!important}.rotate{transform:rotate(90deg)}#main-header{position:absolute;top:0;left:0;right:0}#main-header>section{display:flex;justify-content:space-around;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:2;background-color:rgba(51,51,51,.7);color:#fff}#main-header>section>a>section{display:flex;justify-content:center;align-items:center;position:relative;transition:all .4s ease;height:62.4px;padding:0 1rem}#main-header>section>a>section:hover{background:rgba(68,68,68,.7);cursor:pointer}#main-header>section>a>section:after{bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:var(--accent);transition:width .3s ease 0s,left .3s ease 0s;width:0}#main-header>section>a>section:hover:after{width:100%;left:0}#main-header>section>a>section>div{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;margin-left:1rem}#main-header>section>a>section img{border-radius:100%;height:50px;width:50px}#main-header>section>a>section h1{font-size:1.5rem}#main-header .menu-icon{display:none}#main-header .header-item-list{list-style:none;display:flex}#main-header ul li .header-item{position:relative;display:block;padding:1rem;cursor:pointer;text-decoration:none;transition:all .4s ease;font-size:22px;overflow:hidden}#main-header ul li .header-item:hover{color:var(--accent-hover);background:rgba(68,68,68,.7);cursor:pointer}#main-header ul li .header-item#user{height:62.8px;display:flex;justify-content:center;align-items:center}#main-header ul li .header-item#user i{margin-left:.3rem}#main-header ul li .header-item #avatar{height:35px;border-radius:100%;align-self:center;justify-self:center;margin-right:.5rem}#main-header ul li .header-item:after{bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;background:var(--accent);transition:width .3s ease 0s,left .3s ease 0s;width:0}#main-header ul li .header-item:hover:after{width:100%;left:0}.page-header{background:#000 url(/img/bg-main.webp) no-repeat 50%/cover;height:265px;color:#fff;position:relative}.page-header h1{padding:1rem 3rem;font-size:3.375rem;background:rgba(51,51,51,.8);border-radius:15px}.page-header section{padding-top:62.4px;flex-flow:column;text-align:center;background-color:rgba(0,0,0,.2);position:absolute;height:100%;top:0;left:0;right:0;bottom:0}#NotFoundPage,.page-header section{display:flex;justify-content:center;align-items:center}#NotFoundPage section{display:grid;grid-template-columns:1fr .5fr;box-shadow:0 0 10px 0 rgba(0,0,0,.5);width:100%;background:#333;padding:2rem;margin:5rem 25%}#NotFoundPage section h1{font-size:10rem}#NotFoundPage section h2{font-size:2rem;margin-bottom:1.5rem}#NotFoundPage section ul{list-style:none}#NotFoundPage section ul li{display:inline}#NotFoundPage section ul li a{display:inline-block;background-color:var(--accent);color:#111;padding:.4rem 1.2rem;margin:1rem .7rem 1rem 0;transition:all .7s ease;box-shadow:0 0 10px 0 rgba(0,0,0,.5);border-radius:3px}#NotFoundPage section ul li a:hover{background-color:var(--accent-hover)}#NotFoundPage section aside{display:flex;justify-content:center;align-items:center}#NotFoundPage section aside img{width:300px}#main-footer{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1.5rem 0;background-color:#333;color:#fff;position:absolute;bottom:0;width:100%;height:2.5rem}#main-footer p{font-size:15px}#main-footer #version{font-size:10px;color:#c2c2c2}#main-footer p a{transition:all .4s ease}#main-footer p a:hover{color:var(--accent-hover)}#front-page{padding-top:10vh;display:flex;justify-content:center;align-items:center;flex-direction:column}#front-page h1{font-size:2.5rem}#front-page div{margin-top:1rem}#front-page a{margin:.5rem;display:inline-block;background-color:#333;color:#fff;padding:.75rem 1.5rem;cursor:pointer;transition:all .5s ease;border-radius:5px}#front-page a:hover{background-color:#444;color:var(--accent-hover)}#form{padding-top:10vh;display:flex;justify-content:center;align-items:center;flex-direction:column}#form h1{text-align:center}#form div{background-color:#333;padding:1rem;border-radius:7px;display:flex;justify-content:center;flex-direction:column}#form label{display:block;margin-top:.5rem}#form #file{margin-bottom:1rem}#form input[type=checkbox]{display:inline-block}#form input{border:none;border-radius:2px;padding:.2rem;font-size:1rem}#form button,#form input{background-color:#444;color:#fff}#form button{display:inline-block;padding:.75rem 1.5rem;cursor:pointer;transition:all .5s ease;border-radius:5px;border:none}#form button:hover{background-color:#555;color:var(--accent-hover)}#form button:disabled{background-color:#393939;cursor:not-allowed}