h1{
  position:absolute;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  margin-top: -45%;
  font-size: 45px;
}

*{
  box-sizing: border-box;
}

body{
  background-color: #baf5e2;
  background-position: 50%, 70%;
  display:flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin:0;
}

.container{
  background-color:#a87352;
  width: 1000px;
  max-width: 70%;
  padding: 2rem;
  border-radius: 0.5rem;
  border-radius: 25px;
}

body,quote input{
  font-family: Arial, Helvetica, sans-serif;
  
}


.b1{
  position: absolute;
  background-image:url(settings.png);
  background-size:cover;
  margin-top: -40%;
  height:7%;
  width: 3.5%;
   border-radius: 50%; 
   left: 23px;
}


.b2{
  position: absolute;
  background-image:url(qmark.png);
  background-size: cover;
  margin-top: -30%;
  height: 7%;
  width: 3.5%;
  border-radius: 50%;
  left: 23px;
}


.timer{
  position:absolute;
  top: 75px;
  font-size: 4rem;
}

.quote-Display{
  margin-bottom:3rem;
  font-size:25px;
}

#quote-Input{
  background-color:white;
  border:none;
  height: 5rem;
  width: 50%;
  margin:auto;
  resize:none;
  font-size:20px;
  z-index:0;
  position: absolute;
  overflow-x: hidden;
}

.quote-Input:focus{
  background-color:transparent;
}
.menubox{
  /*background-color:transparent;*/
    clear: none;
  /*width: 10%;*/
  min-width:10%;
  /*height: 110px;*/
  margin-left: 3.5vw;
  /*position: relative;*/
  text-align:center;
  font-size: 20pt;
}
/*work in progress*/
/* #mistakesbox{
  height: 5rem;
  background-color:blue;
  line-break: initial;
  width:50%;
  margin:auto;
  color:red;
  position:absolute;
  z-index:1;
  overflow-y:scroll;
  overflow-x: scroll;
 line-height: 34px;
 white-space: nowrap;
} */