body{margin-left:35px;font-family:'Segoe UI','Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:0.9rem;}

select{font-size:0.9rem;padding:0.2rem;border:1px solid #666;border-radius:0.2rem;background-color:#fff;color:#000;width:100%}

.b4{width:18.5rem;margin-top:1.2rem}
.b5{width:18.5rem;margin:0}
.b6{width:18.5rem;margin-top:0.5rem}
.b7{width:18.5rem; box-sizing: border-box; width: 100%; text-align: center;}
.b8{width:18.5rem; box-sizing: border-box; width: 100%; text-align: center;}

.c1{width: 600px; text-align:justify}

.f1{font-size:0.9rem;-webkit-text-size-adjust:100%;padding:0.2rem;border:1px solid #666;border-radius:0.2rem;width:97%;vertical-align:top}

.mb0{margin:0 0 30px 0;}
.mb1{display:inline-block;vertical-align:middle;}
.mb2{display:inline-block;vertical-align:middle;margin-left:40px;transform:scale(1.05);}
.mb3{display:inline-block;vertical-align:middle;margin:0 30px 0 16px;line-height:90%;}
.mb4{display:inline-block;vertical-align:middle;background:#f4f4f4;padding:0px;width:2px;height:65px;}
.mb5{display:inline-block;vertical-align:middle;margin:0 0 0 32px}
.ml1{font-size:0.8rem;font-weight:500;text-decoration:none;color:#333;}
.ml2{text-decoration:none;font-size:0.95rem;color:#333;font-weight:500;}

@media (max-width:600px)     {
    body{margin:10px 20px 20px 10px;}
    .mb1{transform:scale(0.7);}
    .mb2{margin-left:-15px;transform:scale(0.85);}
    .mb3{margin:0 0 0 -20px;transform:scale(0.65);}
    .mb4{width:0;}
    .mb5{margin:0 0 0 -20px;transform:scale(0.8);}
    .c1{width:100%;}
}

.content {
    display: flex;
    gap: 35px;
    flex-wrap: wrap;

}

.initial {
    width: 300px;
}
button {
    color: black;
}

input{
    color: black;
}

.butt2{font-size:0.9rem;-webkit-text-size-adjust:100%;border:1px solid #666;border-radius:0.2rem;
    background-color:#eee;text-align:center;padding:0.1rem 0.4rem 0.15rem 0.4rem;display:inline-block;
    vertical-align:bottom;margin:1.2rem 0 0 0;}

.draw{
    width: 300px;
}

#radioform {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}


table {
    max-width: 900px;
}
td {
    padding: 10px 2px;
    text-align: center;
    border-bottom: 2px solid black;
}

/*  играем  с ширинами столбцов, менять номер столбца в скобочках*/
/* table td:nth-child(3){
    width: 350px;
} */

table tr:nth-child(even){
    background: whitesmoke;
}

tr:last-child>td {
    border-bottom: 0;
}

#results, #optiBlock {
    display: none;
}

table td:nth-child(1){
    width: 200px;
}

table td:nth-child(4){
    width: 100px;
}
table td:nth-child(5){
    width: 100px;
}
table td:nth-child(6){
    width: 100px;
}

#secret {
    display: none;
}

.download-btn {
	margin: 10px 10px 10px 0;
	padding: 8px 15px;
	/*background-color: #909090;*/
	color: black;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 0.9rem;
    border: 1px solid black;
}

#mainButton:active {
    box-shadow: 2px 2px 5px #fc894d;
    color: aqua;
}

.download-btn:active {
    box-shadow: 2px 2px 5px #fc894d;
    color: aqua;
}
