html {
  scroll-padding-top: 70px;
}

body {
    background-color: #1a1a1a;
    color: GhostWhite;
    margin: 0;
    padding-top: 40px;
}

/* Menu Styling */

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #1a1a1a;
  position: fixed;
  top: 0;
  width: 100%;
  -moz-box-shadow: 0 0 15px 0 MediumBlue;
  -webkit-box-shadow: 0 0 15px 0 MediumBlue;
  box-shadow: 0 0 15px 0 MediumBlue;
}

li {
  float: left;
}

li a {
  display: block;
  color: GhostWhite;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: MediumBlue;
}

.active {
  background-color: MediumBlue;
}


/*
.navbar {
  overflow: hidden;
  background-color: #1a1a1a;
  position: fixed;
  top: 0;
  width: 100%;
}

.navbar a {
  float: left;
  display: block;
  color: GhostWhite;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17;
}

.navbar a:hover {
  background: blue;
  color: black;
}
*/


/* Div tag Styling */

/*
.item1 { grid-area: welcome; }
.item2 { grid-area: rules; }
.item3 { grid-area: server; }
.item4 { grid-area: services; }
.item5 { grid-area: contact; } */

.grid-container {
  display: grid;
/*  grid-template-areas:
    'welcome'
    'rules'
    'server'
    'services'
    'contact' */
    grid-template-coluumns: auto;
}

/* Div tags */
div.odd {
  padding-left: 20px;
  padding-bottom: 20px;
}

div.even {
  background-color: #222;
  padding-left: 20px;
  padding-bottom: 20px;
}

/*
div.center_img {
  margin: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
*/

/* Image Styling */
img.navbar {
  height: 35px;
  padding: 5px 15px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

img.welcome {
  width: 400px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  box-shadow: 10px 10px 5px #808080;
  -moz-box-shadow: 10px 10px 5px #808080;
  -webkit-box-shadow: 10px 10px 5px #808080;
  margin: auto;
  display: block;
}

/* Heading Styling */
h1 {
  text-align: center;
  font-family: 'Brush Script MT', cursive;
}

h2 {

}

h3.home {
  text-align: center;
}