@charset "UTF-8";

body{
  margin: 0 auto;
  max-width:1200px;
  font-size: 1.5rem;
  background-color: antiquewhite;
}

header>h1{
  text-align: center;
  color: cadetblue;
}

main{
  display: flex;
  flex-direction: row;
  margin-bottom: 5%;
}

#hello{
  width: 70%;
}

#introduction{
  width: 30%;
  font-size: 0.8rem;
  border-style: groove;
  margin: 3%;
}

#introduction>h3,#introduction>ul{
  margin-left:20px;
}

img{
  width:70%;
  margin-left: 30%;
}

h3{
  margin-top:-20%;
}

#question{
  display: flex;
  flex-direction: row;
  border-style: solid;
  border-width: 0.5px;
}

#question>h2{
  margin:3% auto;
  padding: 1%;
  border-style:solid;
  border-width: 0.5px;
  cursor: pointer;
}

#answer{
    border-style: solid;
    border-top: none;
    border-width: 0.5px;
    padding: 1.5%;
}

footer{
  text-align: center;
}