@import url('https://fonts.cdnfonts.com/css/sf-buttacup-lettering-shaded');

@font-face {                  
font-family: 'F5.6';
src: url(https://humantooth.neocities.org/fonts/F5.6-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'NeoDgm';
src: url(https://humantooth.neocities.org/fonts/neodgm_pro.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

body{
  background-color: #a8cdbd;
  opacity: 1;
  background-image:  linear-gradient(#ffffff 2px, transparent 2px), linear-gradient(to right, #ffffff 2px, #a8cdbd 2px);
  background-size: 28px 28px;
  font-family: 'Questrial', sans-serif;
  font-size: 15px;
  color: #000000;
}

figcaption{
   font-weight: bold;
  font-size: 14px;
  color: #010081;
  text-align:center;
  background-color: #a8cdbd;
  padding:3px;
  display: table-caption
}

.mainbox{
  padding: 20px;
  background: #ffffff;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  width: 350px;
  height: 345px;
  border-image-slice: 80 76 56 56;
  border-image-width: 25px 20px 20px 20px;
  border-image-outset: 0px 0px 0px 0px;
  border-image-repeat: stretch stretch;
  border-image-source: url(images/borders/popup.png);
  border-style: solid;
}

.enter{
  padding: 10px;
  margin: 0;
  position: absolute;
  top: 47%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-250%, 260%);
  width: 50px;
}

.strawpage{
  padding: 10px;
  margin: 0;
  position: absolute;
  top: 47%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-120%, 260%);
  width: 50px;
}

h1{
  font-family: 'F5.6';
  font-weight: normal;
  font-size: 40px;
  color: #000000;
  text-align: center;
}

h2 {
  font-family: "sf buttacup lettering shaded";
  font-weight: normal;
  font-size: 30px;
  color: #010081;
  text-align: center;
}