/* _ _ _ _ _ _ _ _ 
  | | | | | | | | |
   \_/|___|___|\_/ */
   body {
    background-color:blanchedalmond;
    text-align: center;
}
h1 {
    font-size:50pt;
    font-family:'Lucida Sans', 'Lucida Sans Regular';
    color:rgb(96, 52, 20);
}
h2 {
  font-family:'Lucida Sans', 'Lucida Sans Regular';
  color:rgb(131, 76, 36);
}
ul {
    list-style-type: none;
}
li {
    display: inline;
}
    li a:link {
        text-decoration: none; 
    }
    li a:hover {
        background-color:gold;
    }
    li a:active {
        background-color:gold;
        color:rgb(131, 76, 36);
    }
.current-page {
    background-color:rgb(131, 76, 36);
    color:white;
}
#nav {
    font-size:20pt
}


header#canvas {
  width:45vw;
  height:46.1157vw;
  margin: 5vw auto 0 auto;
}
section,article {
    float:left;
}
article#group1 {
    width:78.1%;
    height:28.5%;
}
  section.green1 {
    width:50%;
    height:100%;
  }
  section.blue1 {
    width:50%;
    height:100%;
  }

article#group2 {
  float:right;
  width:21.9%;
  height:71.3%;
}
  section.pink2 {
    width:100%;
    height:29.9%;
  }
  section.red2 {
    width:100%;
    height:29.8%;
  }
  section.blue2 {
    width:100%;
    height:40.3%;
  }
main#big {
  width:53.7%;
  height:71.5%;
}
  article#group3 {
    width:100%;
    height:49.9%;
  }
    section.blue3 {
      width:45.6%;
      height:100%;
    }
    section.red3 {
      width:54.4%;
      height:100%;
    }

  article#group5 {
    width:100%;
    height:50.1%;
  }
    section.yellow5 {
      width:54.4%;
      height:100%;
    }
    section.green5 {
      width:45.6%;
      height:100%;
    }

article#group4 {
  width:24.4%;
  height:42.8%;
  margin-top:-44.05%;
}
  section.limegreen4 {
    width:100%;
    height:50.3%;
  }
  section.pink4 {
    width:100%;
    height:49.7%;
  }

section.red6 {
  width:46.3%;
  height:28.7%;
  margin-top:-0.2%;
}
/*COLORS*/
.green1 {
    background-color:#95be02;
}
  .green1:hover {
    background-color:yellowgreen;
  }
.green5 {
  background-color:#aed905;
}
  .green5:hover {
    background-color:rgb(180, 240, 61);
  }
.blue1 {
  background-color:#012385;
}
  .blue1:hover {
    background-color:#3556bb;
  }
.blue2 {
  background-color:#0844d1;
}
  .blue2:hover {
    background-color:#4b74f1;
  }
.blue3 {
    background-color:#0032a3;
}
.blue3:hover {
  background-color:#5575d4;
}
.pink2 {
    background-color:#ff6cb0;
}
  .pink2:hover {
    background-color:#ff98e0;
  }
.pink4 {
  background-color:#f43c86;
}
  .pink4:hover {
    background-color:rgb(253, 119, 242);
  }
.red2 {
    background-color:#e20015;
}
  .red2:hover {
    background-color:#ff5062;
  }
.red3 {
  background-color:#fb0000;
}
  .red3:hover {
    background-color:#ff6767;
  }
.red6 {
  background-color:#f40201;
}
  .red6:hover {
    background-color:#fc5e49;
  }
.yellow5 {
    background-color:#fad201;
}
  .yellow5:hover {
    background-color:#ffe873;
  }
.limegreen4 {
    background-color:#cae001;
}
  .limegreen4:hover {
    background-color:#e0f144;
  }