/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */ 
   
    /* All Pages */
.body {
  background: #E5EDFA;
}

.navbar { /* Class name of what I want to edit aka my navigation bar */
  display: flex;
  justify-content: space-around; /* Makes things evenly spaced out to look nicer */
  align-items: center;
}
.navbar {
  background: #2E3E6D;
  box-sizing: border-box;
  border-radius: 0px; /* Rounds all four corners */
  width: 100%; height: 55px;
  padding: 10px;
  border: 3px solid;
  font-family: Montserrat;
  font-size: 20px;
}
a {
  color: white;
  text-decoration: none
}
a:hover {
  color: #7087BB;
}

.header {
  position: relative;
}
.background {
  object-fit: cover;
  border: 3px solid;
}
.forground {
  position: absolute;
  top: 185px;
  left: 25px;
  z-index: 10;
} 


/* Main Page */


/* Contact Page */

.calender {
  display: grid;
  justify-content: flex-end;
  position: absolute;
  top: 353px;
}