body {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr;
    grid-template-rows: 12rem auto auto;
    grid-template-areas:
                "top top top"
                "gutter-left header gutter-right"
                "main main main";
    margin: 0rem;
    padding: 0px;
    background-color: #EDEDED;
    font-family: 'Raleway', sans-serif;
}

.top {
    grid-area: top;
}

header {
    grid-area: header;
    align-self: center;
    padding: 40px 40px 80px 40px ;
}

.gutter-left {
    /*background-color: aqua;*/
    grid-area: gutter-left;
}

.gutter-right {
    /*background-color: orange;*/
    grid-area: gutter-right;
}

main {
    grid-area: main;
    background-color: #F2B6BA;
    box-shadow: 0 50vh 0 50vh #F2B6BA;
}

.main-menu {
    grid-area: menu;
}

header h1 {
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 42px;
    line-height: 40px;
    font-weight: 400;
    letter-spacing: 0.1em;
    font-variant-numeric: tabular-nums;
  }
 
 span {
     color: #F2B6BA;
 }
 
 a {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #F2B6BA;
    text-decoration: none;
 }
 
a:hover {
    color: #C0DCEF;
    font-weight: 400;
}


  header h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
  }

  .main-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    font-family: 'Roboto', sans-serif;
 
  }
  
  .main-menu__item .selected {
    list-style-type: none;
    padding: 0 80px 0 0;
    font-size: 1rem;
    margin-right: 0.5rem;
    line-height: 24px;
    font-weight: 400;
  }
 
  .main-menu__item {
    list-style-type: none;
    padding: 0 140px 0 0;
    font-size: 1rem;
    margin-right: 0.5rem;
    line-height: 24px;
    font-weight: 300;
  }
  
  .main-menu .main-menu__item:last-of-type {
    margin-right: 0;
  }