@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300&display=swap');
*{
	font-family: 'Jost', sans-serif;
	transition: 0.5s;
	color: #fff;
	text-decoration: none;
}
body{padding: 0; margin: 0; background: #000; text-align: center;}

.toptop{text-align: left; padding-left: 2px; border-bottom: 1px solid #aaa;}
.toptoptext{font-size: 10px;}
.top{display: inline-block; width: 100%; background: #000; top: 0; left: 0; padding-top: 10px; padding-bottom: 10px; position: relative;}
.top-logo{display: inline-block; vertical-align: middle; width: 100px; left: 5px; top: 5px;}
.top-title{display: inline-block; color: #fff; vertical-align: middle;}
.top-menu{display: inline-block; width: 100%; background: #000; top: 0; left: 0; position: relative; text-align: right;}
.menu-button{display: none; padding: 5px; background: #f02311; color: #fff; cursor: pointer; padding-right: 20px; padding-left: 20px; margin: 5px;}
.bottom{display: inline-block; height: 10px; width: 100%; background: #000; position: absolute; bottom: 0; left: 0;}
.button{display: inline-block; padding: 10px; width: 160px; background: #f02311; color: #fff; margin: 10px; cursor: pointer;}

.button-reload{display: inline-block; width: 100px; height: 100px; border-radius: 50%; opacity: .2; background: #0f0; position: absolute; right: 2px; bottom: 45%;}



.title{font-size: 32px; color: #fff;}

.input{display: inline-block; margin: 5px; padding: 5px; border-radius: 0; font-size: 18px; background: #000; color: #fff; border: 1px solid #fff;}
.submit{display: inline-block; margin: 5px; padding: 5px; padding-left: 7px; padding-right: 6px; cursor: pointer; background: #000; color: #fff; border: 1px solid #000;}
.check{display: inline-block; vertical-align: middle; transform: scale(2); accent-color: #000; background: #000; margin-right: 10px;}
@media only screen and (max-width: 500px){
.block400{width: 80%;}
}
.atable{display: block;}
.atr{display: block;}
.td{border: 1px solid #444; width: 100px; padding: 1px;}


.qrqer{display: inline-block; position: absolute; padding: 1vw; top: 20vh; width: 50vw; left: 24vw; background: #f00; color: #fff; font-size: 24px; box-shadow: 2px 2px 8px 4px rgb(0, 0, 0);}
.alert{font-size: 24px;}
.mini-button{display: inline-block; padding: 10px; background: #f02311; color: #fff; width: 200px; cursor: pointer;}

.regok{display: inline-block; padding: 10px; background: #f02311; color: #fff; width: 200px; cursor: pointer;}

.text{color: #008;}
.oprosbutton{text-decoration: none; border: none; display: inline-block; padding: 10px; background: #f02311; color: #fff; cursor: pointer; width:89%; margin: 5px; font-size: 16px; font-weight: 900;}
.oprosbuttom{text-decoration: none; border: none; display: inline-block; padding: 10px; padding-left: 0; padding-right: 0; background: #f02311; color: #fff; cursor: pointer; width: 45%; margin: 5px; font-size: 16px; font-weight: 900;}
.block{display: inline-block; position: absolute; left: 0; width: 100vw; transform: scale(0.001);}
.block p{color: #fff;}
.block1{display: inline-block; transform: scale(1);}