body {
  padding-top: 81px;
}

header.yr-fixed-header {
  position: fixed;
  z-index: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 32px;
  height: 81px;
  background-color: #2E2E2E;
}

header.yr-fixed-header .logo a {
  display: block;
  outline: 0;
  width: 40px;
  height: 40px;
}

header.yr-fixed-header .search a {
  display: block;
  outline: 0;
  width: 29px;
  height: 29px;
}

h1{
  font-family: 'Permanent Marker', cursive;

}

h2{
  font-family: 'Permanent Marker', cursive;

}

h5{
  font-size: 24px;
  font-family: 'Permanent Marker', cursive;

}




ul{
  list-style: none;
}

li{
  padding: 5px;
}


      .icon{
        height:200px;

      }

      #resources{
        visibility: hidden;
      }

      .shh{
        display: none;

      }



      #Section2{
        display: none;
      }

      .line{
        height: 100px;
        border-right: 2px grey solid;
        margin: auto;

        width: 1px;
      }

      .middleP{
        width: 800px;

        margin: auto;

      }

      .iconR{
        height:200px;

      }

      .hbgimg{
      background-image: url("tantop.png");
        background-repeat: repeat-x;


      }

.ppp{
  background-color: #5BC0DE;
  color: white;
  font-size: 1.2em;
}

.explore{
  color:green;
}

.ppp a{
  color:white;
}

.ppp a:hover{
    color:white;
}


.h2bg{
        background-image: url("pinkstreak.png") ;
        background-repeat: no-repeat;
        margin: auto;
        background-position: center;
      }

.h3bg{
        background-image: url("purplestreakA.png") ;
        background-repeat: no-repeat;
        margin: auto;

        background-position: center;
        padding: 30px;
      }

.bottomP{
        vertical-align: bottom;
      }

.b1{
        border:1px black solid;
        margin: auto;
        background-position: center;

      }

.resRed{
  background-color: #F5E2E2;
  border: 3px dashed #ED145B;
  border-left-style: none;
  border-right-style: none;



}


.h4bg{
          background-image: url("readstreak.png") ;
        background-repeat: no-repeat;
        margin: auto;
        background-position: center;
        padding: 16px;

      }

.h5bg{
          background-image: url("greenstreak.png") ;
        background-repeat: no-repeat;
        margin: auto;
        background-position: center;
        padding: 20px;

      }

.h6bg{
          background-image: url("babybluestreak.png") ;
        background-repeat: no-repeat;
        margin: auto;
        background-position: center;
        padding: 20px;

      }

  .h7bg{
        background-image: url("yellowstreak.png") ;
        background-repeat: no-repeat;
        margin: 10px auto;
        background-position: center;
        padding: 30px;

      }

.return a{
  color:#5BC0DE;
}



li strong a{
  color:black;
}

ul.ar{
      list-style-type: disc;
}

.greySection{
  background-color: lightgrey;
}