@import url('https://fonts.googleapis.com/css?family=Homemade+Apple|Permanent+Marker|Rock+Salt|Walter+Turncoat|Homemade+Apple|');


/*this is the css for the entire menu*/
.topnav {
    display:flex;
    justify-content: space-around;
    position: fixed;
    overflow: hidden;
    font-family: 'Walter Turncoat', cursive;
    text-align: center;
}

.topnav a {
    float: left;
    display: block;
    text-align: left;
    padding: 5px 5px;
    font-size: 20px;
    margin: 10px;
    padding: 10px;
}

.main_menu {
    width: 100px;
    height: 100px;
    background-color: #E8DCB9;
    margin: 10px;
    padding: 10px;
    box-shadow: 5px 5px #cbd0b9;
}

.history {
    width: 100px;
    height: 100px;
    background-color: #443742;
    margin: 10px;
    padding: 10px;
    box-shadow: 5px 5px #cbd0b9;
}
/*box was widened to fit entirety of the text*/
.institutions {
    width: 100px;
    height: 100px;
    background-color: #f4e87c; 
    margin: 10px;
    padding: 10px;
    box-shadow: 5px 5px #cbd0b9;
}

.housing {
    width: 100px;
    height: 100px;
    background-color: #9e7682; 
    margin: 10px;
    padding: 10px;
    box-shadow: 5px 5px #cbd0b9;
}

.parks {
    width: 100px;
    height: 100px;
    background-color: #a7aaa4;
    margin: 10px;
    padding: 10px;
    box-shadow: 5px 5px #cbd0b9;
}

.schools {
    width: 100px;
    height: 100px;
    background-color: #abc4a1; 
    margin: 10px;
    padding: 10px;
    box-shadow: 5px 5px #cbd0b9;
}

.gallery {
    padding-top: 100px;
  margin: 5px;
  float: left;
  width: 180px;
}
.gallery2 {
    padding-top: 10px;
  margin: 5px;
  float: left;
  width: 180px;
}
div.gallery img {
  width: 100%;
  height: auto;
}
div.gallery2 img {
  width: 100%;
  height: auto;
  display: flex;
}
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0px;
}

a:link {
    color: white;
    background-color: #eb9486;
    text-decoration: none;
}
a:visited {
    color: #white;
    background-color: #eb9486;
    text-decoration: none;
}
a:hover {
    color: #ffd23f;
    background-color: #eb9486;
    text-decoration: none;
    transition: 1s;

}
a:active {
    color: #white;
    background-color: #eb9486;
    text-decoration: none;
}
.homepagetext{
    width:60%;
    margin-left:35%;
    font-family: 'Rock Salt', cursive;
    font-size:15px;
    margin-top:25%;
    font-weight: bold
}
/*this font will be used only for the titles or headings of each page*/
h1 {
    font-family: 'Permanent Marker', cursive;
    color: antiquewhite;
    text-align: center;
    font-size: 75px;
}

h2 {
    font-family: 'Permanent Marker', cursive;
    color: antiquewhite;
    text-align: center;
    font-size: 40px;
}
/*the majority of the text on every page will be styled thusly...*/
p {
    font-family: 'Rock Salt', cursive;
    color: antiquewhite;
    font-size: 25px;
    text-align: center
}

.intro {
    padding-top: 250px;
    font-family: 'Rock Salt', cursive;
    text-align: center
}

.right_algn {
    padding-top: 250px;
    font-family: 'Rock Salt', cursive;
    text-align: right
}

.left_algn {
    padding-top: 250px;
    font-family: 'Rock Salt', cursive;
    text-align: left
}

.rel_algn {
    padding-top: 250px;
    font-family: 'Rock Salt', cursive;
    float: left
}
.rel_algn2 {
    padding-top: 275px;
    font-family: 'Rock Salt', cursive;
    float: left
}
.center_algn {
    padding-top: 250px;
    font-family: 'Rock Salt', cursive;
    float: center
}
.intro_pix {
    top: 0; bottom:0; left: 0; right:0;
    margin: auto;
}

.intro_pix2 {
    top: 0; bottom:0; left: 0; right:0;
}
.intro_pix3 {
    top: 0; bottom:0; left: 0; center:0;
}
/*select "one_wrap" for right, "two_wrap" for left*/
.one_wrap {
    float: right;
    width:600px;
}

.two_wrap {
    float: left;
    width:600px;
}

.three_wrap {
    float: relative;
    width:200px;
}
.four_wrap {
    float: relative;
    width:500px;
}
.five_wrap {
    float: relative;
    width:800px;
}
.six_wrap {
    float: relative;
    width:300px;
}
.seven_wrap {
    float: relative;
    width:200px;
}
.eight_wrap {
    float: relative;
    width:100px;
}