*{
  color: #336600;
}
#main{
  /*width:990px;*/

}
.forFlow{
  /*border-left: 1px solid #3c9837;*/
}
#blogTitle h1 a{
  /*color: #006600;*/
  color: #F0FFFF;
}
#blogTitle h2 {
  /*color: #336600;*/
   color: #97FFFF;
}

#navList li{
    border-radius: 5px;
    background-color:  #8EE5EE;
    /*opacity: 0.7;*/
    width: 90px;
    text-align: center;
     border:1px solid #616060;
    transform: skew(-30deg)  translateY(-20px)  rotate(30deg);
    transition: all 0.6s;
    transform-origin: center center;
}
#navList li a{
   color: #FFF !important;
   
}
#navList li a:hover {
  background-color: transparent;
  
}
#navList li:hover {
background-color: #8EE5EE;
  border-radius:5px;
 
 /*animation: myfirst 0.6s  forwards;*/
  transform: skew(30deg);
  transition: all  0.3s;
}


#navList li:hover a {
   transform: skew(-30deg);
}
.day{
  background-color: #f1fdff;
  padding: 10px 12px 0 12px;
  margin-bottom: 15px;
  border-radius: 5px;
  box-sizing: boder-box !important;
}