body{
  background-color: rgb(249, 229, 229);
}
.screen{
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width:70vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-self: center;
  border: black 4px solid;
  padding:20px;
  background-color: white;
  transition: all 1s;
}
.oi-regular {
  font-family: "Oi", serif;
  font-weight: 400;
  font-style: normal;
}
.carter-one-regular {
  font-family: "Carter One", system-ui;
  font-weight: 400;
  font-style: normal;
}
button{
    cursor: pointer;
    border:none;
    background-color: red;
    color:white;
    font-size: 30px;
    border-radius: 20px;
}
#selectscreen,#loginscreen,#quizsetupscreen, #quizscreen, #reviewscreen,#leaderboard,#hide{
    display: none;
}
.ah{
  display: flex;
  justify-content: space-evenly;
}
.inline{
  display: flex;
}
#thisone{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  
}
#thisone  *{
  padding:0px 40px;
}
button:hover{
  transform: scale(110%);
}