*{
    margin: 0;
    padding: 0;
    overflow:hidden;
}
.container{
    position: fixed;
    color:white;
    display:flex;
    align-items: center;
    width:100%;
    justify-content:space-between;
    font-family: 'Courier New', Courier, monospace;
}
.container h2{
    display:inline;
}
.high{
   margin-left: 15px;
   margin-top: 10px;
   user-select: none;
}
.score{
    margin-right:15px;
    user-select: none;
}
.big-container{
    position:fixed;
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
}
.parent-box{
    text-align: center;
    font-family:sans-serif;
    width:35%;
    height:35%;
    background-color: white;
}
.parent-box h2{
    margin:15px 15px;
    font-weight: lighter;
} 
.parent-box h1{
    margin:15px 15px;
    font-size: 2.3rem;
}
.display{
    display:none;
} 
.parent-box button{
    margin:45px auto;
    padding:9px;
    color:white;
    letter-spacing: 0.7px;
    border-radius: 6px;
    width:80%;
    font-size: 1.25rem;
    border:none;
    background-color: rgb(255, 166, 0);
    display:block;
    transition: 0.8s;
} 
.parent-box button:hover{
   background-color: rgb(208, 135, 0);
} 

/* media queires */
@media all and (max-width:500px){
    .container{
        font-size: 0.7rem;;
    }
}