@import url('https://fonts.googleapis.com/css2?family=Just+Another+Hand&display=swap');




h1{
  font-family: "Just Another Hand", cursive;
  font-weight: 400;
  font-style: normal;
  font-size:80px;
}


  #mcontainer {
  margin: auto;
  width: 80%; 
}

  
  #container {
  margin: auto;
  width: 40%; 
}

.headfoot {
  background: pink;
  border: 4px double black;
  padding: 15px;
text-align: center;
border-style:double;
}



.textbox{
  border: 4px double black;
  padding: 20px;
  background: rgba(250, 240, 205, 0.8);
  
}


a {
  color:black;
  text-decoration:underline;
  
}

a:hover {
  
  text-decoration:none;
  
}









/* BIG BOY FORMATTING*/


* {
  box-sizing: border-box;
}



.column {

  float: left;
  margin:10px;

}


.row {
  width:100%;
  margin:auto;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}


.ten {
  width:10%;
}

.fifteen {
  width:15%;
}

.twenty {
  width:20%;
}

.twentyfive {
  width:27%;
}

.thirty {
  width:30%;
}

.thirtyfive {
  width:36.5%;
}

.forty {
  width:40%;
}

.fortytwo {
  width:47%;
}

.fortyfive {
  width:47.5%;
}



.fifty {
  width:50%;
}

.sixty {
  width:60%;
}

.sixtyfive {
  width:65%;
}

.seventy {
  width:70%;
}




@media screen and (max-width: 900px) {
  .column, #container {
    width: 100%;
  }
  
   .column {
    margin-left:0;
    margin-right:0;
  }
  
  .blinkie{
  width:50%;
}

}