@import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Grenze+Gotisch:wght@300&family=Merriweather:wght@700&family=Crete+Round&display=swap');
 body {

       width: 100%;
       padding: 0;
       margin: 0;
    color: #1a0d00;
    background-color: #fff2e6;
    font-family: 'Crete Round', serif;
 }

.homelink {
  width: 50px;
  height: 20px;
  margin: 10px 10px 10px 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.homelink a{
  text-decoration: none;
}
.homelink a:hover {
  text-decoration: underline;
}
 .app {
    margin: 10px 10px 10px 10px;
    font-family: 'Crete Round', serif;
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 100px;
 }

.question-area h1 {
	letter-spacing: .095em;
}
 .questions {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }
 .questionBox {
    color: #1a0d00;
    background-color:#ffcc99;
    border: 1px solid #000000;
    margin: 15px;
    padding: 10px 40px 10px 40px;
    border-radius: 10px;
 }
 .questionBox h1 {
   color: #530643;
 }
 .questionButtons {
   display: flex;
   flex-direction: row;
 }
 .question-button {
   margin: 5px;
   padding: 10px 20px;
   border-radius: 20px;
   border: none;
   background-color: #530643;
   color: #ffffff;
 }
 .question-button:disabled {
   background-color: #3f3b3b;
 }


 .answer-display {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
 }

 .answer-display.correct {
    color: #038103;

 }
 .answer-display.incorrect {
  color: #ff0000;
 }