body{background-color:#000;color:#fff!important;font:16px Avenir,Helvetica,Arial,sans-serif!important;margin:0}a{text-decoration:none}a,a:hover,a:visited{color:#7fdbff}header{background-color:#fff;color:#000;height:200px;position:relative}header .logo{height:100%;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:5}header .logo img{border:1px solid #000;border-radius:45px;margin-top:55px}header .vid{height:100%;left:0;overflow:hidden;top:0;z-index:0}header .vid,header .vid video{position:absolute;width:100%}main{margin:30px auto;max-width:1000px;text-align:center}main .group{margin-top:25px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}main .sub{cursor:pointer;display:block;font-weight:700;margin:15px;padding:15px 0;width:calc(100% - 30px)}main .sub.schedule{background:#ec018c;color:#fff}main .sub.previews{background:#ffeb00;color:#000}main .sub.party{background-color:#2b5876;background-image:linear-gradient(-20deg,#2b5876,#1d3c51);color:#fff}main .sub.sug{background:#d6daf0;color:#000}main .sub.okko{background:#7c26c9;color:#fff}footer{font-size:small;margin:100px auto 25px;text-align:center}@media screen and (min-width:768px){main .group{display:-webkit-box;display:-ms-flexbox;display:flex}main .group .sub:first-child{margin-right:0}main .group .sub:nth-child(3){margin-left:0}main .chlog .loglive-body .markdown-body{padding:0 15px 0 140px}main .sub{width:50%;max-width:300px}}