html {
  height: 100%;
  width: 100%;
  background-image: url("./media/stary_night.gif");
}

@font-face {
  font-family: York;
  src: url("./media/yorkwhiteletter.ttf");
}

@font-face {
  font-family: advertFont;
  src: url("./media/Advert-Regular.ttf");
}

@font-face {
  font-family: bebas;
  src: url("./media/bebas.ttf");
}

h1b {
  font-size: 50px;
  font-weight: 0;
  color: white;
  font-family: York;
}

h2b {
  font-size: 25px;
  color: white;
  font-family: advertFont;
}

a {
  color:#47a3ff
}

p {
  font-size: 17px;
  font-weight: 0;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

.button {
  float: center;
  background-color: #0e68c8;
  border: 2px solid #0b4d8e;
  color: white;
  border-radius: 7px;
  padding: 10px 21px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
}

.button:hover {
  cursor: pointer;
  background-color: #4da3ff;
  border: 2px solid #2670ba;
}

.smallbutton {
  float: center;
  background-color: #0e68c8;
  border: 2px solid #0b4d8e;
  color: white;
  border-radius: 5px;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
}

.smallbutton:hover {
  cursor: pointer;
  background-color: #4da3ff;
  border: 2px solid #2670ba;
}

.smallbuttondis {
  float: center;
  background-color: #0e68c8;
  border: 2px solid #0b4d8e;
  color: white;
  border-radius: 5px;
  padding: 5px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  opacity: 0.6;
  cursor: not-allowed;
}

.buttondis {
  float: center;
  color: white;
  border-radius: 7px;
  padding: 10px 21px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  background-color: #0e68c8;
  border: 2px solid #0b4d8e;
  opacity: 0.6;
  cursor: not-allowed;
}


.big {
  font-size: 25px
}