/******************************************
/* CSS
/*******************************************/

/* Box Model Hack */
*{
  box-sizing: border-box;
  font-family: 'Actor', sans-serif;
}

/******************************************
/* LAYOUT
/*******************************************/
img{
  display: block;
  margin: 0 auto;
}

#intro{
  font-size: 2rem;
  width: 50%;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10%;
  text-align: center;
  background-color: rgb(243, 217, 220);
  float: left;
}

#generated{
  font-size: 2rem;
  width: 50%;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: white;
  float: left;
}

h1{
  color: rgb(0, 35, 34, 22);
}

p{
  font-size: 1.5rem;
  color:rgb(199, 130, 131);
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10%;
  margin-bottom: 10%
}

select{
  border-radius: 12px;
}

button{
  background-color: white;
  color: black;
  border: 1px solid black;
  border-radius: 12px;
}

#display{
  font-size: 2rem;
  width: 90%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20%
}

iframe{
  display: none;
}


/******************************************
/* ADDITIONAL STYLES
/*******************************************/