body {
  background-color: rgb(35, 34, 34);
  color: rgb(136, 124, 124);
  font-family: Verdana;
}

.headshot{
  width: 400px;
  height: 400px;
  margin: auto;
  background-image: url(cyrus.jpg);

}

.quote{
  margin: auto;
  width: fit-content;

}

.textbox {
  border: dashed 4px #000000;
  max-width: 500px;
  height: 500px;
  padding: 2%;
  margin: auto;
  margin-top: 2%;
  background-color: rgb(49, 29, 29);
  display: grid;
  grid-template-columns: 20% 80%;
  grid-template-rows: 200px;

  
}

.lefthalf{
  display: grid;
  grid-template-columns: 100%;

}

.righthalf{
  display: grid;


}

.left1{
  background-image: url(likm.jpg);
  background-size: 100px;
  height: 100px;
}

.right1{
  margin-left: 50px;
  height: 100px;
}

.left2{
  background-image: url(spit.jpg);
  background-size: 100px;
  height: 100px;
}

.right2{
  margin-left: 50px;
  height: 100px;
}

.left3{
  background-image: url(face.jpg);
  background-size: 100px;
  height: 100px;
}

.right3{
  margin-left: 50px;
  height: 100px;
}

.header{
  max-width: 500px;
  text-align: center;
  margin: auto;
  text-decoration: underline #000000;
  
}