body {margin: 0 auto; background: linear-gradient(darkblue,lightblue); background-repeat: no-repeat; background-attachment: fixed; text-align:center; color: yellow; font-family: arial narrow;}
h2 {color: yellow; text-shadow: 3px 2px black;}
h3 {color: yellow; margin: 0px; padding: 0px; text-decoration: underline; text-shadow: 3px 2px black;}
span {border-style: solid; border-color: black; border-width: 5px; padding: 8px; background-color: mediumblue; border-radius: 15px;}
#span2 {border-style: solid; border-color: black; border-width: 3px; padding: 8px; background-color: mediumblue; border-radius: 15px; font-size: 20px;}
img {width: 1000px; height: auto; border-style: solid; border-color: black; border-width: 5px; margin: 15px; border-radius: 25px; max-width: 90%;}
.info {background-color: darkblue; color: white; border-radius: 25px; border: 5px solid black; margin: auto; margin-top: 30px; width: 60%; font-size: 20px; text-align: left; padding: 20px; font-style: italic;}
#info2 {color: yellow; display: inline; font-weight: bold; font-style: normal; text-shadow: 3px 2px black;}
button {background-color: mediumblue; color: yellow; padding: 6px; font-weight: bold; font-size: 15px; border-radius: 8px; border-width: 4px;}
table {border: 2px solid black; width: 90%; font-size: 20px; background-color: navy; margin: 0 auto;}
th {background-color: navy; width: 60%;}
td {background-color: mediumblue; width: 40%; text-align: right;}
#tdl {background-color: mediumblue; text-align: left; padding: 5px;}
.heading {color: yellow; font-size: 20px; font-weight: bold; background-image: linear-gradient(to right, yellow, blue , yellow); border-radius: 50px 15px; border: 2px solid yellow; margin: 3px; margin: auto; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; max-width: 90%;}