body {
     background: #3ae4e2;
     }

 ul {
    padding:0;
    margin-left: 6em;
     }
  
  li {
    list-style-image: url("bpush.png");
      }
  li:hover{
    list-style-image: url("y1push.png");
           }
  li:active{
    list-style-image: url("y2push.png");
            }
  
.h1 {border-left: 20px #ff339d solid}

.happy {
	 background: yellow;
	 }
.sad {
     background: blue;
     color: white;
     }

.menu{
   border-style: outset;
   border-color: gray;
   margin: 1px;
   background: #9ee7db;
   border-collapse: collapse;
   border-width: 5px;}
.menu th,
.menu td{
      border: 1px solid black}

 .cal{
	background: #9ee7db;
	border-collapse:collapse;
 	border-style:inset;
	border-width:5px;
	border-color:gray; }
.cal td,
.cal th{
   border: 1px solid black;
}
.cal th:nth-child(1){background:green;}
.cal th:nth-child(2){background:pink;}
.cal th:nth-child(3){background:orange;}
.cal th:nth-child(4){background:Turquoise;}
.cal th:nth-child(5){background:white;}
.cal th:nth-child(6){background:yellow;}
.cal th:nth-child(7){background:blue;}
.cal td:nth-child(1){color:red;}
.cal td:nth-child(7){color:blue;}