body{text-align:center;
background:#355;
border:dashed 5px navy;
}
header{
#padding:100px;
    position: relative;
    top: -16px;
    left: 0px;
    width: 100%;
    height: 200px;
background-image:url(./img/head.png);
text-align:center;
margin-left:auto;margin-right:auto;
}
footer{
#padding:100px;
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 200px;
background-image:url(./img/foot.png);
text-align:center;
margin-left:auto;margin-right:auto;
}



header p {color:red;}

h1{
color:#0d4;
border:solid 5px #a00;
border-style:double;
background:url("./img/lvb.png");
background-color:red;
}




input[type="checkbox"][name="hdn"] + span {display: none;}
input[type="checkbox"][name="hdn"]:checked + span {display: inline;}

input[type="checkbox"][name="hdn"] + div{opacity: 0;}
input[type="checkbox"][name="hdn"]:checked + div {
  opacity: 1.0; transition: 3s ease-in-out;
  transition:  1s linear;}

table{margin-left:auto; margin-right: auto;}
table.state{text-align:left;}
table.state tr+tr+tr+tr{font-size:xx-large;}
#table.anime td{border:solid red;}

div.f1{padding:0% 0%;
margin:1em 17em;}
div.lets{
border:solid 2px #fa0;
background:#aaa;
padding:1% 0%;
#margin:1em 17em;
}
div.lets span{color:navy;  text-decoration: underline #faf;}

div.cal {margin-left:auto; margin-right:auto;
width: 320px; height: 180px;
background: #eef;
border: solid 2px navy;}

div.calque {margin-left:auto; margin-right:auto;
width: 180px; height: 180px;
background: #eef;
border: solid 2px navy;}

 
