*{
    box-sizing: border-box;
}

body,html{
    height: 100%;
   color: #FFFFFF;
    background: url("https://images.unsplash.com/photo-1556707752-481d500a2c58?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0 20px;
  margin: 0 auto;
  font-family: 'Rubik Mono One', cursive;
  font-family: 'Skranji', 'Cantora One', cursive, Arial, Helvetica, sans-serif;
 
}

.page{
    display: flex;
    flex-flow: column nowrap;
    width: 1080px;
    margin: 100px auto;
    border: 5px solid rgb(18, 19, 18);
    background: rgba(27, 29, 27, 0.5);
    color: white;
    border-radius: 5px;
}

.answers .q1:hover{
    background: rgba(156, 160, 154, 0.5);
    border-radius: 5%;

}


.title{
    font-weight: bolder;
    font-size: 30px;
}

.q1{
   text-align: center;
}

.inform{
    font-size: 30px;
}

img{
    border-radius: 5%;
}

.text-content{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin: 20px auto;
    font-size: 30px;
   
    
 
   
}
.title{
    text-align: center;
}

#timer{
    font-size: 20px;
}

button{
    background: rgb(63, 63, 63);
    color: whitesmoke;
    padding: 10px 30px;
    border-radius: 5px;

}