.single h1.entry-title, .page h1.entry-title {
    
    text-align: center;
}
    
.fraction, .top, .bottom {
    padding: 0 5px;
    font-size: 20px;
    line-height: 1;  
}
    
.fraction {
    display: inline-block;
    text-align: center;
    padding: 0 10px;
}

.bottom{
    border-top: 2px solid #000;
    display: block;
    padding-block: 2px;
} 
.test {outline: 4px solid #0099e5;
    outline-offset: -4px;
    }
#zadacha{margin-bottom: 20px;
    font-weight: bold;
    font-size: 25px;}    
.entry-content h3 {
    margin-top: 0;
    background-color: green;
    padding: 10px 10px 10px 10px;
    color: #fff;
    font-size: 25px;
}

#zagRez{
    font-size: 30px;
    margin: 20px;
    font-weight: bold;}

.n, .p {display: block;
    color: #e93939;;
    font-size: 20px;
    margin-top: 10px;
    font-weight: bold;
    
    }	

.pyt {
    text-align: center;
    -webkit-user-select: none;
    /* background: #fff; */
    /* box-shadow: rgb(0 0 0 / 25%) 0px 0.0625em 0.0625em, rgb(0 0 0 / 25%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset; */
    color: #000;
    font-size: 22px;
    padding: 5px 20px;
      
}
#ot1 {
    max-width: 800px;
   padding: 20px;
    display: flex;
    flex-wrap: wrap;
    content: center;
   justify-content: center;
}
.red5 {accent-color: #cd1717;}
.green5 {accent-color: #039016;}
.green{background-color: #c1f7bd;border: 3px solid #4cb740;}
.green1{border: 3px solid #0aa50a;}
.green2{background: #dcdcde;}
.border{border: solid 3px #8c8f94;}
.red{background-color: #f9cece;border: 3px solid #e65c5c;}
.dis{pointer-events: none;}
.dis1{box-shadow: none;
    pointer-events: none;
    opacity: 60%;}
#otv4{font-size: 30px;
    font-weight: bold;}
 button {
    text-transform: none;
    box-shadow: none;
    font-size: 16px;
    margin: 20px;
    box-shadow: 3px 3px 3px #6a6a6a;
    min-width: 150px;
}
#osh1{
    background: #fff5e6;
    padding: 5px;
    line-height: 1.3;
    font-size: 16px;
    margin-bottom: 30px;
    }   
#rez{margin-top: 80px;}

.igra {
    position: relative;
    min-height: 420px;
    max-width: 850px;
    
    text-align: center;
    width: auto;
    min-width: 300px;
    margin: auto;
    background: #fff;
    box-shadow: rgb(0 0 0 / 25%) 0px 0.0625em 0.0625em, rgb(0 0 0 / 20%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;
    padding: 6px;
    margin-bottom: 20px;
    }
#n1,#p1{
    display: none;}


#prav,#dalshe1,#osh1{
  display: none;
}
.ub {font-size: 18px;
    -webkit-user-select: none;
    padding: 10px;
    margin: 5px;
    box-shadow: rgb(0 0 0 / 25%) 0px 0.0625em 0.0625em, rgb(0 0 0 / 35%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;
    border-radius: 5px;
    display: inline-block;
    min-width: 150px;
    text-align: left;
    cursor: pointer;}


.page-content label, .entry-content label {
    display: inline-block;
    font-weight: normal;
}



.page-content input[type="radio"], .entry-content input[type="radio"] {
    -webkit-appearance: radio;
    transform: scale(1.3);
    cursor: pointer;
    margin-right: 20px;
    
    margin-bottom: 3px;
    
}
.red5{accent-color: #cd1717;}
.green5{accent-color: #209a20;}
    
label {
  /*text-indent: -40px;*/
    line-height: 1.2;
    /*margin-left: 35px;*/
    cursor: pointer;
    font-weight: bold;
    font-size: 25px;
}
@media screen and (max-width: 450px) {  
.fraction, .top, .bottom {
    padding: 0 5px;
    font-size: 20px;
    line-height: 1;}
label {font-size: 20px;}
.ub {padding: 4px;}
.entry-content input[type="radio"] {
    -webkit-appearance: radio;
    transform: scale(1.2);}
.page-content input[type="radio"], .entry-content input[type="radio"] {
    -webkit-appearance: radio;
    transform: scale(1.2);

} 
#ot1 {
   padding: 5px;
    }
.pyt {
    font-size: 18px;
    padding: 5px;
}
    #zadacha {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 22px;
}
    }
#otv, #otv1{font-size: 25px;
    font-weight: bold;}