h1,h2,h3,h4,p { padding: 0; margin: 0; }
html {
  width 100%;
  padding: 0;
  margin: 0;
  background: #e1eec3;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #f05053, #e1eec3);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f05053, #e1eec3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: #cc2b5e;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #753a88, #cc2b5e);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #753a88, #cc2b5e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: #6a3093;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #a044ff, #6a3093);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #a044ff, #6a3093); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: #F1F2B5;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #135058, #F1F2B5);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #135058, #F1F2B5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: #6441A5;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #2a0845, #6441A5);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #2a0845, #6441A5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  background-attachment: fixed;
background: #373c67;
}
body {
 width: 100%;
 padding: 0;
 margin: 0;
 display: flex;
}
main {
  padding: 4em;
  color: #0a0a0a;
  font-family: Ubuntu;
  display: flex;
  flex-direction: column;
  font-weight: bolder;
  width: 100%;
}
#years {
    width: 100%;
    display: flex;
    flex-direction: column;
    font-weight: bolder;
}
.year {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 2em;
}
.year h1 {
  background: red;
  width: 4em;
  text-align: center;
  border-radius: 10px 10px 0 0;
  background: #3a3a3a;
  background: purple;
  color: #e3e3e3;
  padding: 0.5em 0.25em;
  font-size: 1.5em;
  background: #5a5d87;
}
.games {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    background: green;
    background: purple;
    padding: 1em 1em 0em 1em;
    border-radius: 0px 10px 10px 10px;
    background: #5a5d87;

}
.game {
    margin: 0 0.5em 1em 0.5em;
    width: 14em;
    height: 17em;
}
.game:hover {
    cursor: pointer;
}
.gameDetails {
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 0 0 1em 1em;
  width: 14em;
  height: 17em;
  align-content: center;
  align-items: center;
  justify-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #0F2027;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #2C5364, #203A43, #0F2027); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: #e3e3e3;
  background: #203a43;

}
.gameName {
  font-size: 1.25em;
  margin: 0 0.2em 0.5em 0.2em;
  text-decoration: underline;
}
.gameConsole, .gameRegion, .gameRating, .gameOwnRating, .gameCoop, .gameCheat {
  margin: 0 0 0.4em 0;
}
.gameUrl {
  color: #e3e3e3;
  background: #6a3093;
  padding: 0.5em;
  text-decoration: none;
  border-radius: 5px;
  margin: 1em 0 0 0;
}
img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}