body {
  margin: 0px;  
  background: #d2d8dd;  
  background-size: cover;
}

p {
  border-radius: 15px;
  padding: 50px;
  background: #f7a280;
  width: 1000px;
  margin: auto;
  margin-bottom: 25px;
  margin-top: 25px;
}
.banner {
  background: url("Assets/Banner3.png");
  background-size: cover;
  width: 100%;
  height: 300px;
}

#bannerLogo {
  position: relative;
  right: -125px;
  transform: rotate(0deg);
  transition: transform 30s;

}

#bannerLogo:hover {
  transition-duration: 30s;
  transform: rotate(-360deg);
}

#bannerTitle {
  position: relative;
  top: -250px;
  right: 0px;
  text-align: center;
  transform: scale(1,1);
  transition: transform 15s;
  display: block;
  margin-left: auto;
  margin-right: auto;

}

#bannerTitle:hover {
  transition-duration: 15s;
  transform: scale(1.2,1.2);
}
.topnav { 
  background-color: #111115;
  overflow: hidden;
  text-align: center;
  height: 50px;
}

.topnav a {
    float: left;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    font-size: 24px;
    height: 50px;

}

.topnav a:hover {
    background: url("/Assets/NavHighlight.png");
    color: black;
}

.topnav a.active {
    background: url("/Assets/NavHighlight.png")
}

#topnavlinks {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}

.main {

}