*{font-family:SUSE,sans-serif;color:#e1d9b4}input{background-color:#474747}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #474747 inset!important;-webkit-text-fill-color:#e1d9b4}p{margin:0;color:#ad3fbd}body{background:url(../images/main-bgb.jpg) center center/cover no-repeat;z-index:0;padding:10px 0;position:relative;overflow:hidden}body .attention-bg{width:100%;height:100vh;z-index:5;position:absolute;top:0;left:0;background:rgba(0,0,0,.7);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}body .attention-bg .attention{width:850px;height:600px;background-color:#130e14;padding:100px}body .attention-bg .instructions{height:95vh;overflow:auto}body .attention-bg .instructions h2{color:#e1d9b4;margin-top:30px}body .attention-bg .instructions strong{color:#e1d9b4}body .attention-bg .instructions p{color:#e1d9b4}body .attention-bg .attention-btn{width:200px;height:50px;display:block;margin:0 auto;margin-top:50px;background-color:#130e14;border:none;font-size:32px;border-radius:5px;-webkit-transition:.5s all;transition:.5s all}body .attention-bg .attention-btn::after{-webkit-transition:.5s all;transition:.5s all;content:"";display:block;width:0%;height:2px;background-color:#ad3fbd;margin:0 auto}body .attention-bg .attention-btn:hover{color:#ad3fbd}body .attention-bg .attention-btn:hover::after{width:100%}.container{position:relative;width:1240px;min-height:860px;margin:0 auto;background-color:#130e14;padding:50px 20px}.container .header{display:block;text-align:center;font-size:32px}.container .password{padding:10px;border:none;width:100%;height:70px;font-size:32px;text-align:center;margin-top:40px}.container .grid{margin-top:40px;display:grid;grid-template:100%/1fr 1fr;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px}.container .grid .col_grid{padding:30px 30px 0 30px;display:grid;grid-template:270px 120px/200px 325px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:justify;align-content:space-between}.container .information{grid-column:1/3}.container .error-panel{font-size:16px;font-weight:500;opacity:0;padding:10px;border-radius:5px;border:2px solid #e1d9b4;color:#e1d9b4;background-color:#1c1c1c}.container .howto_grid{position:relative;top:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%);left:0}.important,.infoheader{color:#e1d9b4;font-weight:800;text-align:center}p{font-size:20px}.howto{width:150px;font-size:24px;font-weight:500;border-radius:4px;height:50px;border:none;position:absolute;right:15px;top:15px;-webkit-transition:.5s all;transition:.5s all;background-color:#474747}.howto:hover{color:#ad3fbd}.howto_grid{position:static}@media(hover:none){.howto:hover{color:#e1d9b4}}@media(max-width:1300px){.container{width:960px}.container .grid{grid-template:100%/450px 450px}.container .grid .col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.container .grid .col input{margin:0}.container .grid .col_grid{padding:40px 0 0 0;grid-template:350px 120px/150px 250px}}@media(max-width:1000px){.container{width:768px}.container .grid{grid-template:430px 515px/70%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:40px}.container .grid .col_grid{grid-template:120px 280px/150px 300px;padding:0}.container .information{grid-row:2/3}.container .howto_grid{top:0;-webkit-transform:translateY(0);transform:translateY(0)}}@media(max-width:860px){.container{width:575px}.container .password{font-size:18px;margin-top:25px;height:60px}.container .header{margin:30px 0 0 0}.container .grid{grid-template:auto 350px/70%;row-gap:40px}.container .grid .col_grid{max-height:660px;grid-template:50px auto 310px/100%;row-gap:20px}.container .grid .information{grid-row:3/4}.container .grid .information .infoheader{font-size:24px}.container .grid .information p{text-align:justify;font-size:18px}.container .grid .error-panel{grid-column:1/2}.container .grid .howto_grid{margin:0 auto;width:100%;height:100%}.howto{font-size:20px;width:120px;height:35px}body .attention-bg .attention,body .attention-bg .instructions{height:330px;width:80vw;padding:20px}body .attention-bg .instructions{height:80vh}body .attention-bg .attention{overflow:auto;padding:50px}body .attention-bg .attention p{font-size:16px}body .attention-bg .attention h2{font-size:20px}body .attention-bg .attention .attention-btn{font-size:18px;width:100px;height:25px;margin-top:30px}}@media(max-width:680px){body .attention-bg .attention p{text-align:justify}.container{width:375px}.container .error-panel{font-size:12px}.container .header{font-size:24px}.container .password{font-size:14px;height:40px}.container .howto{font-size:14px;width:80px}.container .grid{grid-template:auto 230px/80%}.container .grid .howto_grid{width:50%;height:40px}.container .grid .col_grid{grid-template:50px auto 230px/100%}.container .grid .col_grid .information .infoheader{font-size:18px}.container .grid .col_grid .information p{font-size:14px}}@media(max-width:390px){body{padding:0}body .attention-bg .instructions{width:100vw}body .attention-bg .instructions p{text-align:justify;font-size:12px}body .attention-bg .instructions h2{text-align:left;margin-bottom:15px}.container{width:100vw}.container .grid .col_grid{grid-template:50px auto 340px/100%}}