@import url("https://fonts.googleapis.com/css?family=Raleway:400,500");
html {
  background-color: white;
  min-height: 100vh;
  min-width: 100vw;
  font-family: Raleway; }
  html > body {
    min-height: 100vh;
    min-width: 100vw; }
    html > body > header {
      text-align: center; }
      @media screen and (min-width: 481px) {
        html > body > header {
          padding-top: 8em; } }
      html > body > header > h1 {
        font: 3.6em Raleway; }
        html > body > header > h1 > img {
          margin-bottom: -0.5em; }
    html > body > main {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      html > body > main > a {
        color: black;
        text-decoration: none; }
        html > body > main > a > section {
          background-color: #8CC63F;
          box-shadow: 0.3em 0.3em 0.4em rgba(0, 0, 0, 0.3);
          box-sizing: border-box;
          margin: 20px;
          max-height: 300px;
          max-width: 300px;
          padding: 20px;
          position: relative;
          text-align: center; }
          html > body > main > a > section > h3 {
            font-size: 1.8em; }
          html > body > main > a > section > img.logo {
            margin: 10px;
            max-width: 100%;
            max-height: 45%;
            width: auto; }
          html > body > main > a > section > p {
            line-height: 1.3em; }
          html > body > main > a > section > img.construction {
            height: auto;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 99; }

/*# sourceMappingURL=main.css.map */