body {
  font-family: "Open Sans", Helvetica;
  background: #24272b;
  background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),
  url("../img/background.jpg") no-repeat center center;
}
p {
  color: #777;
}
.title {
  text-align: left;
  font-weight: bold;
  font-size: large;
}
.note {
  color: #777;
}
.link {
  color: #4286f4;
}
.container {
  background: #EEEEEE;
  padding: 25px;
  margin: 10px 0;
  width: 85%;
  box-shadow: 0 0 20px 20px rgb(0 0 0 / 20%), 0 5px 5px 0 rgb(0 0 0 / 24%);
  border-radius: 10px;
  background-size: cover;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.logo {
	width: 100px;
	transition-duration: 0.5s;
	margin-top: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.logo:hover {
	transform: scale(1.05);
}
.tos {
  text-align: center;
  font-weight: bold;
  font-size: 150%;
}
@media only screen and (max-width: 1500px) {
  body {
    background: #24272b;
  }
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #4286f4 gray;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: gray;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #4286f4;
    border-radius: 10px;
    border: 3px solid #4286f4;
  }

  ::-webkit-scrollbar {
	background: #000000;
	height: 5px;
	width: 5px;
  }
  
  ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 2px #000000;
  }
  
  ::-webkit-scrollbar-thumb {
	background: #4286f4;
	border-radius: 2px;
  }
  
  ::-webkit-scrollbar-thumb:hover {
	background: #2263D2;
  }