input,
button{
    -webkit-appearance: none;
}
.correct-answer-wrapper-practice{
    overflow:hidden;
    display:flex;
    max-width:100%;   
    margin:35px 0; 
}
.instructions-bold{
    font-size:25px;
    font-weight:bold;
    text-decoration:underline;
    margin-bottom:35px;
}
.instructions{
    margin-bottom:25px;
}
.question-number, .current-score, .input-check-wrapper{
    margin-bottom:35px;
}
.input-check-wrapper{
    display:flex;
    width:300px;
    height:auto;
    align-items:center;
    justify-content:space-between;
}
.round-div{
    width:35px;
    height:35px;
    border:2px solid rgb(150,150,150);
    border-radius:5px;
    margin-right:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.round-div-inital-color{
    background-color:rgb(64,68,85);
}
.svg-picture{
    width:70%;
    height:auto;
}
#check-mark-1,
#check-mark-2,
#check-mark-3,
#check-mark-4,
#check-mark-5,
#check-mark-6,
#check-mark-7{
    display:none;    
}
.underline{
    text-decoration:underline;
}
.check{
    display:inline-block;
    padding:5px;
    width:90px;
    height:50px;    
    color:white;
    font-weight:bold;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    font-size:18px;
    background-color:rgb(161,89,119);
    border:2px rgb(161,89,119) solid;
    cursor: pointer;
}
#next-button, #restart-button{
    display:none;
}
.problem, .correct-wrapper, .wrong-wrapper{
    margin:25px 0;
    padding:10px 0;
}
.correct-wrapper, .wrong-wrapper, .wrong-format{
    display:none;      
    align-items:center;  
}
.blue-text{
    color:rgb(70,130,180);
}
.wrong-format{
    margin:0 0 10px 0;
}
.not-a-letter{
    color:rgb(161,89,119);
    font-weight:bold;
    margin:0;
}
.check:hover{   
    background-color:rgb(70,130,180);
    border:2px rgb(70,130,180) solid;
}
.input-text-value{
    display:inline-block;
    width:200px;
    padding:5px;
    height:50px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
}
.svg-trophy-image{
    width:50%;
    height:auto;    
    display:block;
    margin:20px auto;
}
.winner-winner-trophy{
    text-align:center;
    font-size:22px;
    font-weight:bold;
}
a.trophy-links{
    color:cornflowerblue;
    font-weight:bold;
    text-decoration:underline;
    display:inline-block;
    margin:10px auto;
}
a.trophy-links:hover{
    color:rgb(50,50,50);
    text-decoration:none;
}
.trophy-wrapper{
    display:none;
}
.cool-emoji{
    width:30px;
    height:auto;
    margin-left:5px;
}
.svg-reload{
    width:25px;
    height:auto;
    transition-duration:1s;
}
button.check:hover .svg-reload{
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
}
@media(max-width:525px){
    .wrong-format{
        max-width:85%;
    }
    .cool-emoji{
        max-width:15%;
    }
}
@media(max-width:355px) {
    .input-check-wrapper{
        flex-direction: column;
        align-items:flex-start;
        justify-content:space-between;
        height:120px;
    }
} /*End Media Query*/