.yellowbg{
  background-color: rgb(255, 255, 0);
}
.textbox{
  color: rgb(255, 255, 255);
  border: 5px solid;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0,0.6);
}

.index-icons{
  display:flex;
  flex-wrap: nowrap;
}
.buttonscontainer{
  height:70px;
  display:flex;
  flex-direction:column;
  flex-wrap: wrap;
}
.LAMBL{
  position: absolute;
  bottom: -70px;
  right: -100px;
}
.flex{
  display:flex;
  flex-wrap: wrap;
}
.spin{ /*spin function taken from stack overflow, slight modifications*/
    width: 320px;
    height: 256px;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.pinwheel-padding{
   padding-left: 160px;
   padding-top: 0;
   padding-right: 160px;
   padding-bottom: 128px;
}
h1{
  font-family: "Blaka Hollow", system-ui;
  font-size: 50px;
  font-weight: 400;
  font-style: normal;
}
/*alt for h2, removed because it's thin and unreadable on smaller sizes
h2{
  font-family: "Londrina Sketch", sans-serif;
  font-weight: 400;
  font-style: normal;
}*/
p{
  font-family: "Sedgwick Ave Display", cursive;
  font-weight: 400;
  font-style: normal;
}
h2{
  font-family: "Barriecito", system-ui;
  font-weight: 400;
  font-style: normal;
}
a{
  color: white;
}