h1 {
        text-align:center;
        color: white;
        font-family: 'Shadows Into Light Two', cursive, Arial, Helvetica, sans-serif;
        font-size:4em;
        line-height: 2em;
        background:rgb(7, 26, 54);
      }

      h2 {
        text-align:center;
        color: white;
        font-family: 'Noto Sans SC', sans-serif;
        line-height:1.75em;
        font-size:1.5em;
        padding-bottom: 30px;
      }

      h3{
        text-align:center;
        color: rgb(71, 107, 29);
         font-family: 'Shadows Into Light Two', cursive;
        line-height:1.6em;
        font-size:1.75em;
      }
    
    .screenshot {
          max-width: 100%;
          height: auto;
          display: block;
          }

    .top {background:rgb(7, 26, 54);
        width:100%;
        line-height: 2em;
          }

    section {display: inline-block;
        max-width: 33%;
        background-color: rgb(73, 73, 73);
        vertical-align: top;
    }

    body {
      font-size: 20px;
      line-height: 32px;
      font-family:  'Noto Sans SC', sans-serif;
      background:rgb(182, 181, 181);
      color:rgb(71, 107, 29);
      }
    
    header,footer {background:rgb(7, 26, 54);
        width:100%;
        border-radius: 10px;
      }
    
    
    p {text-align:center;
      color:rgb(156, 154, 154);
      padding: 1em;
      font-family: 'Noto Sans SC', sans-serif;
      margin-bottom: 30px;
      line-height:1.1em;
      font-size: 1em;
      color:white;}
    
    a:link {color:rgb(38, 39, 38);}
    a:visited {color:white;}