.bigBlock {
    width: 100%;
    height:100%;
    
    place-content: center;
    display:flex;  
}

.smallBlock {
    width:45%;
    display: block;   
    place-content: center;
    justify-items: center;
}

.element-quiz {
   height:30%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 5rem;
}

.element-hint {
    height:60%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.element-input {
    height:30%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5rem;  
}


.element-button {
    height:60%;
}

.line{
    border:1px solid #ccc;
    width:95%;
}

.wrong{
    display: flex;
    background-color:lightsalmon;
    height:10%;
    justify-content: center;
    align-items: center;
    margin: 5px;
    width:auto;
    font-size:1.2rem;
    border-radius: 5px;
    padding:10px;
    
}

.buttonContainer{
    width:100%;
    border:1px solid #ccc;
    padding:10px;
    display: flex;
    background-color:lightblue;
    justify-content: center;
    align-items: center;
   
    
}    

.exeBtn{
background-color: rgb(10, 145, 14);
scale:1.1;
color:white;
height:30px;
margin:3px;
border-radius: 5px;
margin: 10px;
width:5rem;}

.exeBtn:hover{
    scale:1.2;
}

.buttonContainer button:not(.exeBtn){
    margin:4px;
    width:60px;
    height:30px;
    border-radius: 10%;
}
.active { background-color:#FFD312; }