body{
background: linear-gradient(90deg, #1f005c, #002a7d, #004995, #0066a7, #0082b3, #009ebc, #4cbac4, #83d4ce);
color: white;
font-family: sans-serif;
margin: 0;
text-align: center;
}

section{
  margin: 2rem;
}
h1{
  margin-top: 3rem;
}
a{
  color:#fffb1c;
}

p{
  font-size: 1.5rem;
  line-height: 1.5;
}

/* Address has separate default style, italics need to be removed */
address{
  font-style: normal;
margin-top: 5rem;
}
/* Get in touch icons */
.icon{
  color: white;
  margin:0.5rem;
}
footer{
  margin-top: 5rem;
text-align: center;
}
/* nav styling for smaller screen sizes */

  nav{
    font-size: 2rem;
  }
  .nav-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
  }

  .nav-link {
    display: block;
    color: #1f005c;
    text-align: center;
    padding: 1rem 2rem;
    text-decoration: none;
  }

  .nav-link:hover:not(.active) {
    background-color:#fffb1c;
  }
  .nav-link:focus{
    background-color:#fffb1c;
  }

  .active {
    background-color:#4cbac4;
  }

/* navbar styling and text alignment for larger sizes */
@media(min-width:65rem){
  nav {
    font-size: 3rem;
  }

  .nav-menu{
    display: flex;
  }

  p{
    width: 45rem;
    margin:0 auto;
    text-align: left;
  }
  section{
    width: 45rem;
    margin:3rem auto;
    text-align: left;
  }

}