quizstyle.css

body {
  background-color: #f2efeb;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 7%;
  font-family: Sedan;
  font-size: 22px;
}
.container{
  display: flex;
  flex-direction: column;
  align-self: flex-start;
  margin-bottom: 3px;
}
.heading{
  font-family: Sedan;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px;
letter-spacing: 0.01em;
position:absolute;
left:200px;
text-align: left;

}
#question {
  align-items: left;

}

.quizch{
  position:absolute;
  top:150px;
  left:120px;
  padding:100px;
}
.quizch label{
  margin: 20px;
  
}
.choices{
  margin:10px;
}
#timer{
  position:fixed;
  right:260px;
  bottom:230px;
  font-size: 26px;

}
.buttons{
  position:absolute;
  right:150px;
  bottom:150px;
}
#pre{
  background-color: #ff9900;
  border: none;
  color: rgb(10, 10, 10);
  padding: 15px 60px;
  text-align: center;
  display: flex;
  display: grid;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  

}
#pre:hover {
  background-color: white;
  border: 2px solid rgb(251, 14, 14);
}
#next{
  background-color: #ff9900;
  border: none;
  color: rgb(10, 10, 10);
  padding: 15px 60px;
  text-align: center;
  display: flex;
  display: grid;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;

  
}
#next:hover {
  background-color: white;
  border: 2px solid rgb(251, 14, 14);
}
}