a {
  text-decoration: none;
  cursor: pointer;
  
}

a:link, a:visited, a:active {
  color: #cecccc;
}

a:hover {
  color: rgb(0, 0, 0);
}

body {
  margin: auto;
  background-color: #f7f7f7;
  max-width: 940px;

}

/*header area*/
main {
  display: flex;
  flex-direction: column;
  margin: 0;
  /*background-color: #666;*/
  min-height: 100%; 
  input:checked ~ .pictures {
    display: none;
      }
}
.name {
  font-size: 4em;
  padding-left: 0.125em;
  border-bottom: 2px solid black;
  font-family: 'Anton', sans-serif;
}

.subtitle {
  font-size: 2em;
  font-family: 'Anton', sans-serif;
  padding-left: 0.25em;
  color: #a5a5a5;
}

.name a {
  color: black;
}
.pictures {
  display: inherit;
  flex-direction: inherit;
  align-items: center;
}

.text {
  /*max-width: 95%; */
  text-align: justify;
  /*margin: 0 5em 5em 5em; */
  font-size: 2.5em;
  padding: 1em;
}

p {
  margin-bottom: 2em;
  text-indent: 1em;
}

.contact {
  display: flex;
  flex-direction: row;
}


.email , .tumblr , .mastodon {
  /*background-color: red;*/
  border: solid, 2px, black;
  width: 30px;
  height: 30px;
  margin: 0.25em;
  align-items: center;
}




.accolades {
 display: none;
}

#footer {
  padding-top: 0.5em;
  background-color: #f7f7f7;
  font-size: 1.5em;
  text-align: center;
  margin-top: 1em;
  border-top: 2px solid black;

}
img {
  margin: 2%;
  max-width: 85%;
  min-width: 325px;
  min-height: 446px;
  /*padding: 5% 5%;*/
  border: 2px solid rgb(129, 129, 129);
  border-radius: 5%;
  object-fit: cover;
}

.contact img {
  max-width: 30px !important; 
  max-height: 30px !important;
  min-height: 30px;
  min-width: 30px;
  border: none;
}


.navigation {
  display: inherit;
  background-image: linear-gradient(to right,rgb(173, 34, 34), #f7f7f7);
  flex-direction: row;
  align-items: center;
  /*font-size: 32px;*/
  font-size: 2em;
  margin-left: -5%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-right: 5%;
  /*z-index: 1;
  position: fixed;*/
   

  }
 
  .home {
    font-size: 72;
    
  }

menu li {
  /*display: none;*/
  list-style-type: none;
  overflow: hidden;
  float: left;
  margin-left: .5em;
  font-size: 1em;
  
  }

/*.menu-button {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}
*/

#menu-toggle {
  display: none;
  cursor: pointer;
  margin-left: 95%;
}


.contact li {
  list-style-type: none;
  display: inline-block;
}

@media only screen and (min-width:1200px) {
  
  body {
    max-width: 95%;
  } 

  .pictures {
    flex-direction: row;
    flex-wrap: wrap;

  }

  .pictures h1 {
    margin-left: 3em;
  }

  .covers {
    max-width: 400px;
  }

  .synopsis {
    max-width: 40%;
    margin: 2em;
    text-align: justify;
  }

  .text {
    max-width: 50em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: 0%;
    margin-top: 1.5em;
    font-size: 1em;
  }
  .bio {
    min-width: 2em;
    margin-left: 3em;
    max-width: 50%;
  }

  .bio a:link, .bio a:visited, .bio a:active {
    text-decoration: underline;
    color: rgb(173, 34, 34);
  }
  .contact {
    margin-left: 45%;
    margin-top: -2em;
  }

  .bibliography {
    margin-left: 50%;
  }
    
  img {
    max-width: 325px;
    margin: .5%;
  }

  img.top-even {
    margin-top: 7%;
      }

  img.bottom-even {
    margin-top: -7%;
  }
    
}