body{
  text-align: center;
  align-content: center;
  margin: 0;
  font-family: 'Sarabun', sans-serif;
}

h1{
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Amatic SC', sans-serif;
  font-weight: bolder;
  color: #A8A8A8;
  font-size: 3.5em;
}

h2{
  font-family: 'Amatic SC', sans-serif;
  color: #383838;
  font-weight: normal;
}

hr{
  color: #2e2e2e;
  margin-top: 5rem;
  height: 0;
  width: 40%;
}

.row{
    margin: auto 0;
}

.col{
  padding: 0;
}

.custom-nav-list-item{
  color: white;
  margin-right: 4em;
  font-size: 1.5em;
  font-family: 'Amatic SC';
}

.navbar-toggler{
  background-color: white;
}

.custom-nav-list-item:hover{
  color: #6ebfb5;
  margin-right: 4em;
  font-size: 1.5em;
  font-family: 'Amatic SC';
}

.navbar-brand{
  text-align: center;
  height: auto;
}

.w-100{
  height: 85vh;
}

.carousel-img{
  filter: blur(3px);
}

.logo{
  margin: 20px 20px 0;
  max-width: 30%;
  height: auto;
}

.moto{
  color: #A8A8A8;
  margin-top: 1em;
  font-family: 'Comfortaa', sans-serif;
}

.top-section{
  position: absolute;
  top: 0;
  z-index: 1;
  max-width: 100%;
  text-align: center;
  margin: 4% 20% auto;
}

.top-container{
  padding: 0 0 5rem;
  max-width: 100%;
  height: auto;
  line-height: 1;
  margin: 0 auto;
}

.about-logo{
  max-width: 20%;
  height: auto;
  border-radius: 20%;
  margin-right: 2.5em;
  margin-bottom: 0.5em;
  padding: 3px;
  float: left;
}

.custom-container{
  font-size: 1.1em;
  max-width: 60%;
  height: auto;
  margin: 0 auto;
  text-align: justify;
}

.game-logo{
  width: 20%;
  height: auto;
  border-radius: 20%;
  margin-left: 2.5em;
  padding: 3px;
  float: right;
}

.bottom-container{
  max-width: 70%;
  height: auto;
  background-color: red;
}

.form-div{
  max-width: 50%;
  height: auto;
  margin: auto;
  text-align: center;
}

.social-links{
  text-align: center;
  width:50%;
  margin: auto;
}
.social-logos{
  width: 3%;
  margin: 1.5em;
  display: inline-block;
}