@font-face {
  font-family: 'Skrawk-Serif';
  src: url('/fonts/Skrawk-Serif.ttf') format("truetype");
} 
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  -height: 100vh;
  margin: 10;
padding: 10;
 background-color: #c7eeff;
 background: url('https://testing-grounds.neocities.org/001testinglayout/images/foresttest2.png') bottom center repeat-x, url('https://testing-grounds.neocities.org/01wintertesting/texture3.png') top center repeat, linear-gradient(#6d8ecf, #c7eeff 100%) no-repeat; 
 -background-image: url("https://testing-grounds.neocities.org/01wintertesting/texture3.png");
 background-attachment: fixed;
}

h1 {
font-family: 'Skrawk-Serif';
font-size: 42px;
margin: 10px;
}
h2 {
font-family: 'Skrawk-Serif';
margin: 10px;
}
h3 {
font-family: 'Skrawk-Serif';
margin: 10px;
}

  .topnav{
  padding-top: 10px;
    display: block;
    margin: 0 auto;
 
  height: auto;
  }
  .topnav img {
   width: 85px; 
   margin: 5px;
  }
   .nav{
  padding-top: 20px;
    display: block;
    margin: 0 auto;
  
  height: auto;
  }
  
   .nav img {
   width: 85px; 
   margin: 5px;
  }

.contain3 {
  -border: 1px solid black; 
  width:50%; 
  -background-color: AliceBlue;

}
.page {
  -background-color: white;    
  text-align: center;
	margin-left: auto;
	margin-right: auto;
padding: 0px;
color: white;
font-size: 0;
line-height: 0%;

  
}

  .page img {
  padding: 0;
    display: block;
    margin: 0 auto;
   width: 100%;
  height: auto;

  }
.contain2 {
-background-color: white;
  line-height: 0%;
padding: 0px;
    display: block;
    margin: 0px;
    width: 800px;
        border: 5px solid transparent;
 border-image: url(https://testing-grounds.neocities.org/001testinglayout/images/border2.png) 10 round;
    
}



.header {
  -border: 1px solid black; 
  -background-color: AliceBlue;
   padding: 00px;
  text-align: center;
}
.menu {
  -border: 1px solid black; 
  -border-width: 1px 1.25em;
  -background-color: AliceBlue;
  padding: 0px;
}
.main {
 
  -background-color: AliceBlue;
   -line-height: 0%;
  padding: 50px;
  -text-align: left;
  width: 90%;
  background-color: #f2f7ff;
	   font-family: 'Georgia';
  font-size: 18px;
      border: 0px solid #6d8ecf;
   -border-width: 3px 3px 3px 3px;
  border-radius:20% 7% 20% 5%/4% 95% 6% 95%;
    box-shadow: 3px 0px 10px #6d8ecf;
 -border-image: url(border.png) 10 round;
  -background-image: url("https://testing-grounds.neocities.org/01wintertesting/texture2.png");
}

.main2 {
 
 
  -background-color: AliceBlue;
   -line-height: 0%;
  padding: 20px;

  -text-align: left;
  width: 100%;
  background-color: #f2f7ff;
	   font-family: 'Georgia';
  font-size: 18px;
      border: 0px solid #6d8ecf;
   -border-width: 3px 3px 3px 3px;
  -border-radius:0% 7% 0% 5%/4% 95% 6% 95%;
    box-shadow: 3px 0px 10px #6d8ecf;
 border-image: url(border.png) 10 round;
  -background-image: url("https://testing-grounds.neocities.org/01wintertesting/texture2.png");

}

.column {
  float: left;
  width: 33.3%;
  margin-bottom: 16px;
  padding: 0 8px;
}

.people {
padding: 10px;
  height: 500px;
  background-color: #e3eeff;

   box-shadow: 1px 0px 3px #6d8ecf;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1720px) {
  .contain {
    width: 80%;
 
    -background-color:red;
  }


}

@media screen and (max-width: 999px) {
  .contain2, .images, .people {
    width: 100%;
 
    -background-color:red;
  }
.people {
 height: auto; 
 padding: 10px;

}
  .column {
    width: 100%;
    display: block;
  }

}
@media screen and (max-width: 830px) {
  .page img {
  padding: 0;
    display: block;
    margin: 0 auto;
   width: 100%;
  height: auto;
  -max-width: 635px;

  }
  .contain2 {
  width: 100%;
}

}

@media screen and (max-width: 600px) {
.topnav img{
  padding: 0;

    margin: 5px;
  width: 14.5%;
  height: auto;
  }
  .nav img{
  padding: 0;

    margin: 5px;
  width: 14.5%;
  height: auto;
  }

  }