html, body {
  height: 100%;
  width: 100%;
  font-family: 'Slabo 27px', serif;
}

.header {
  font-family: 'Slabo 27px', serif;
  display: flex;
  justify-content: space-around;
  color: #0f65ef;
  font-size:27px;
}

.logo {
  width: 100px;
}

.qPic{
width: 50%;
}

.cover{
  text-align: center;
}

a {
  color: #0f65ef;
  font-weight: bold;
}

.coverPhoto {
  width: 100%;
}

.qTitle {
   position: relative;
  text-align: center;
  color: white;
}

.inputPics {
  display: flex;
  justify-content: space-around;
}

.answerPic {
  width: 20%;
  height: 15%;
}

.qText {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: Ultra;
  font-size: 250%;
  -webkit-text-stroke: 2px #c4967c;
}

.questions
{
  text-align: center;
}

.displayResult{
  text-align: center;
}

.resultPic {
  width: 30%;
  border: 4px double #e05141;
  border-radius: 10px;
}

img{
  width: 50%;
}

.submit {
  margin-top: 10px;
  color: white;
  background-color: #eb2642;
  font-size: 40px;
  border-radius: 25px;
  border:3px groove black;
  font-family: monospace;
  padding: 20px;
}