*{
    margin:0 0;
    padding:0 0;
}
body{
    background:#C4DFE8;
}
.big{
    width:100%;
    height:70px;
    position:relative;
}
.big::before{
   content: "";
    position: absolute;
    left: 0;
    bottom:-5px;
    width: 100%;
    height: 5px;
    background: deeppink;
    transition: transform .5s;
    transform: scaleX(0);
    transform-origin: 100% 0;
}
.big:hover::before{
  transform: scaleX(1);
    transform-origin: 0 0;
}

.one{
    float:left;
    width:5%;
    height:50px;
    background:#C4DFE8;
    margin-left:11px;
    margin-top:10px;
    margin-bottom:5px;
    box-shadow:10px 10px 10px black;
}
.side{
    margin-top:10px;
    width:200px;
    height:110px;
    border-top:1px solid gray;

}
.report{
width:197px;
height:150px;
}
p{
width:100%;
height:150px;
font-size:1em;
text-align:left;
font-size:bolder;
padding:4px;
}


#calen{
    margin-top:10px
}
#dec{
   width:10px;
   margin-left:10px;
}
#headId{
    background:#C4DFE8;
    margin-left:0px;
    width:192px;
    height:20px;
}
#Year{
 line-height:20px;
}
#Month{
     line-height:20px;
}

#calendarTable{
    width:192px;
    height:210px;
    background:#C4DFE8;
}