#levelmaxblock{background:#28343fe8;position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}#levelmaxblock .header{margin:0 0 15px}#levelmaxblock .inner{background:#1c3854!important;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,.1);text-align:center;width:600px;padding:40px;border-radius:20px;margin:10% auto 2%}#levelmaxblock button{padding:10px 20px;border:0;color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}#levelmaxblock button:hover{background:rgb(255 255 255/35%);color:#fff;outline:none}#levelmaxblock button.active,#levelmaxblock button:hover.active{background:#fff;color:#a74d4d;outline:none}#levelmaxblock .caranya{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}#levelmaxblock .caranya div{display:none}#levelmaxblock .caranya div.active{display:block;animation:fadeInUp .5s}#levelmaxblock ol{margin-left:20px}@media(max-width:680px){#levelmaxblock .inner{width:calc(100% - 80px);margin:auto}}@media(max-width:680px){#levelmaxblock .inner{width:calc(100% - 80px);margin-top:20%}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}