html {
  font-family: 'Lato', Helvetica, sans-serif;
  color: white;
  line-height: 1.5em;
}

body {
  width: 100%;
  height: 100%;
  text-align: center;
  background: #7a7a7a;
  margin: 0;
}

.banner-title {
  color: black;
  background-color: white;
  height: 300px;
  margin: 0;
  padding: 20px;
}

.banner-title>h1 {
  text-transform: uppercase;
  font-size: 5em;
}

.banner-title>h2 {
  font-weight: lighter;
  color: grey;
}

.link p {
  color: white;
  margin: 0;
}

.link a {
  color: white;
  text-decoration: none;
  font-size: 1.8em;
}

.january {
  background-image: url('./assets/january.jpg');
}

.february {
  background-image: url('./assets/february.jpg');
}

.march {
  background-image: url('./assets/march.jpg');
}

.april {
  background-image: url('./assets/april.png');
}

.may {
  background-image: url('/assets/may.jpg');
}

.ukge-saturday {
  background-image: url('/assets/ukge-saturday.jpg');
}

.june {
  background-image: url('/assets/june.jpg');
}

.july {
  background-image: url('/assets/july.png');
}

.august {
  background-image: url('/assets/august.png');
}

.september {
  background-image: url('/assets/september.jpg');
}

.october {
  background-image: url('/assets/october.jpg');
}

.november {
  background-image: url('/assets/november.jpg');
}

.december {
  background-image: url('/assets/october.jpg');
}

.january-2020 {
  background-image: url('/assets/2020/january.jpg');
}

.march-2020 {
  background-image: url('/assets/2020/march.jpg');
}

.april-2020 {
  background-image: url('/assets/2020/april.jpg');
}

.may-2020 {
  background-image: url('/assets/2020/may.jpg');
}

.june-2020 {
  background-image: url('/assets/2020/june.jpg');
}

.july-2020 {
  background-image: url('/assets/2020/january.jpg');
}

.august-2020 {
  background-image: url('/assets/2020/august.png');
}

.september-2020 {
  background-image: url('/assets/2020/september.jpg');
}

.october-2020 {
  background-image: url('/assets/2020/october.jpg');
}

.november-2020 {
  background-image: url('/assets/2020/september.jpg');
}

.december-2020 {
  background-image: url('/assets/2020/december.png');
}

.year-2020 {
  background-image: url('/assets/2020/january.jpg');
}

.january-2021 {
  background-image: url('/assets/2021/star-realms.jpg');
}

.february-2021 {
  background-image: url('/assets/2021/love-letter-2nd-ed.jpg');
}

.march-2021 {
  background-image: url('/assets/2021/valeria.jpeg');
}

.april-2021 {
  background-image: url('/assets/2021/mint-works.jpg');
}

.may-2021 {
  background-image: url('/assets/2021/love-letter-2nd-ed.jpg');
}

.june-2021 {
  background-image: url('/assets/2021/star-realms.jpg');
}

.july-2021 {
  background-image: url('/assets/2021/love-craft-letter.png');
}

.august-2021 {
  background-image: url('/assets/2021/dominion.jpg');
}

.september-2021 {
  background-image: url('/assets/2021/hld.jpg');
}

.october-2021 {
  background-image: url('/assets/2021/welcome-to.jpg');
}

.november-2021 {
  background-image: url('/assets/2021/star-realms.jpg');
}

.content-preview {
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  border-bottom: 4px solid white;
}

.content-preview>p {
  z-index: 2;
  position: relative;
  padding: 20px;
  word-wrap: break-word;
  text-align: center;
  top: 50%;
  width: 660px;
  margin: auto;
  font-size: 18px;
}

.content-preview>a {
  z-index: 2;
  text-transform: uppercase;
  font-weight: bold;
  padding: 88px;
  font-size: 2.33em;
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.content-preview>a:hover {
  background: rgba(90, 31, 73, 0.5);
}

.content-preview:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 200px;
  content: '';
  opacity: .6;
  background-color: #222;
}

.content-outside {
  position: relative;
}

body:after {
  content: 'Designed by Calisaurus 2021';
  text-align: center;
  color: white;
  background-color: #333;
  padding: 20px;
  display: block;
  /*border-bottom: 50px solid black;*/
}