@font-face {
   font-family: 'tinytots';
   src: url('/fonts/tinytots/tinytots-webfont.woff') format('woff');
}
@font-face {
  font-family: 'pkmn';
  src: url(fonts/pokemon_pixel_font.woff) format('woff');
 }

/*styling*/
.column {
  float: left;
}
.left {
  width: 25%
}
.right {
  width: 80%
}

a {
  text-decoration: none;
  display: block;
  margin-bottom: -12px;
  font-family: tinytots;
}

.buttonz {
  width: 90%;
  box-shadow: inset 2px 11px 6px -10px #ffffff, inset -10px 0px 6px -10px rgba(115, 204, 237, 0.8), inset 0px -10px 6px -10px rgba(115, 204, 237, 0.8);
  border-radius: 10px;
  text-align: center;
  color: white;
  font-size: 16px;
  padding: 10px;
  font-family: tinytots;
}

html, body {
  background: url(https://media.discordapp.net/attachments/884279988457705472/1067916332974223420/image04.png);
  overflow: hidden;  
  position: relative;
  height: 100%;
  margin: 0;
}

/*wrap: justifies content to center*/
.flex,
.flex-stack {
  display: flex;
  height: 100%;
  flex: 1;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-right: 20px;
  margin-top: -20px;
}

.header {
  box-shadow: 8px 8px 14px rgba(122, 197, 236, 0.64);
  background: url(https://cdn.discordapp.com/attachments/884279988457705472/1068200980077875391/image.png);
  background-size: 100%;
  border: 5px solid #ff85b0;
  border-bottom: none;
  border-radius: 0px;
  font-size: 18px;
  line-height: 1.2;
  
  width: 650px;
  height: 90px;
  padding: 30px;
  margin-bottom: 0px;
  justify-content: center;
  display: flex;
}
.mainbox {
  box-shadow: 8px 8px 14px rgba(122, 197, 236, 0.64);
  background: white;
  border: 5px solid;
  border-image: linear-gradient(190deg, 
    #ff85fb,
    #ff85b0,
    #ffc085,
    #ffe97a,
    #cdff7d,
    #7dffcd,
    #78bbff
  ) 1;
  font-size: 18px;
  line-height: 1.2;
  
  margin-top:  0px;
  width: 650px;
  height: 330px;
  padding: 30px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.bottombox {
  width: 650px;
  height: 10px;
  align-items: center;
  justify-content: center;
  display: flex;
  margin-top: -40px;
 }