@font-face { font-family: Celestia; src: url('/fonts/CelestiaMediumRedux-dJdX.ttf'); }

:root {
  --cur-main: url('/assets/SummerMain.png'), auto;
  --cur-point: url('/assets/SummerSelect.png'), auto;
  --blue:#3f9db0;
  --orange:#ee7c04;
  --yellow:#fde065;
  --mane:#d93f09;
  --coat:#fdbb40;
}

* {
  padding:0;
  margin:0;
  cursor:var(--cur-main);
}

body {
  background:black url('/imgs/sunburstbg.png');
  background-size:cover;
  color:black;
  width:100%;
  height:100%;
  font-family:Verdana, sans-serif;
  font-size:12px;
}

a {
  cursor:var(--cur-point);
  color:#96682C;
  text-decoration:none;
}





#container {
  margin:30px auto;
  width:45%;
  min-height:859px;
  padding:5px;
  box-sizing:border-box;
  border:12px solid transparent;
  border-image:url('/imgs/bubble_border.png') 8 fill round;
}

#borderbox {
  width:100%;
  height:100%;
  border:2px solid var(--orange);
  border-radius:10px;
  box-sizing:border-box;
}

#content {
  width:100%;
  padding:10px;
  border:2px solid var(--yellow);
  border-radius:10px;
  box-sizing:border-box;
}

.button {
  font-family:'Celestia';
  font-size:25px;
  text-transform:uppercase;
  color:white;
  background:var(--blue);
  padding:3px 20px 8px 20px;
  transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}
.button:hover {
  background:#60dec0;
  text-shadow:0 0 5px white;
  transition:all 0.2s ease-in;
    -webkit-transition:all 0.2s ease-in;
    -moz-transition:all 0.2s ease-in;
    -o-transition:all 0.2s ease-in;
}





h1 {
  margin-bottom:15px;
  font-family:'Celestia';
  font-size:50px;
  line-height:100%;
  font-weight:normal;
  text-transform:uppercase;
  text-align:center;
  color:transparent;
  background-image:linear-gradient(to bottom, var(--mane) 30%, var(--coat) 70%);
  background-clip:text;
}

p {
  text-align:center;
  margin-bottom:15px;
}