body{
  margin-left: auto; margin-right: auto;
  width: 90%;
  max-width: 60rem;
}

html { font-size: 12pt; }

@media (min-width: 640px) {
  html { font-size: 16pt; }
}

/* html{
  @media (mid-width:640px){
    .onelinewhenshrink
  }
} */

html{
    font-family: 'American Typewriter';
    background-color:#ececec;
    padding-left:50px;
    padding-top:50px;
}

.pleasecenter{
padding-top:200px;
text-align:center;display:block;
}

table{
  border-spacing:1em;  
}

td {
    width: 150px;
    text-align: center;
    padding: 5px;
  }

#back_to_home{
    color: #F04E1F;
    font-size:100px;
    padding-bottom:80px;
}
.button_container{
font-weight: 400;
font-size: 56px;
line-height: 65px;
/* identical to box height */
color: #000000;
padding-bottom:25px;
}

a{
    text-decoration:none;
    color:#000000;
}
a:hover {
    text-decoration: underline;
  }

  a:active {
    text-decoration: underline;
  }

  /* Chanage cursor on hover */


.season:hover{
text-decoration: underline;
}


h3{
    font-weight:normal;
}

.characterdescription{
 float:right; 
}

.wrapper{
    display:grid;
    grid-template-columns: 50% 40%;
    height:560px;

}

h1{
   margin-block-start:0;
}

iframe{
    align-content:center;
}

.backtohomebutton{
  color:#F04E1F;
}

.homepagetitle{
  font-size:200px;
  color:#F04E1F;
  font-weight:regular;
  text-align:center;
}

.homepagetitle:hover{
  text-decoration: underline;
}

.listofcharacters{
  font-size:25px;
  text-align:center;
  padding-bottom:15px;
}

.contentcontainercharacters{
  padding-top:25s0px;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

#dwightgif{
  position:Absolute;
  right:320px;
}

#jimgif{
  position:absolute;
  top:100px;
}

#kevingif{
  left:40px;
}

.options{
  padding-top:50px;
}