body {font-family: 'Itim',cursive;background-color: rgba(136, 188, 200, 1);}
h1 {color:white;text-shadow: 2px 2px 4px #000000;}
h2,h3,h4,h5 {color: white;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}
p {color: black; font-size:15pt;}
table {border:2px double black; margin-left:auto; margin-right:auto;}
th {background-color: #fff; border: none;padding: 15px;font-size: 25pt; }
th:hover {box-shadow: 2px 2px 15px -2px rgb(50, 50, 50); }
td {color:black; background-color:white; font-size:20pt;}
.center {text-align:center; vertical-align:middle;}
.wrap {position:relative; overflow:auto}
.left {text-align:left; bottom:0; position:absolute; left:0}
.right {float:right; text-align:right;}
.left2 {float:left; text-align:left;}
.spec1 {color:white; background-color:black;}
.small {font-size:10pt;}
footer {font-family:'Charm',cursive; font-size:15pt; bottom:0; right:0;}
a:link {color:black; text-decoration:none;}
a:visited {color:black; text-decoration:none;} /* visited link */
a:hover {color:black; text-decoration:none;} /* mouse over link */
a:active {color:black; text-decoration:none;} /* selected link */
input {box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px
,rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;}
div {box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);}
button {border:none; padding:1px 1px; text-align:center;
text-decoration:none; display:inline-block; font-family:'Charm';
margin: 4px 2px; cursor: pointer; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; }
button:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 10px 20px 0 rgba(0,0,0,0.19);}
@media screen and (max-width:600px) {table {width:100%;}} /* 350px */ /* For Mobile */
@media screen and (min-width:601px) {table {width:95%;}} /* For PC */
/*
Document
H1
H2
P
*/