body {background: linear-gradient(darkblue,lightblue); background-repeat: no-repeat; text-align: center; background-attachment: fixed; font-family: arial narrow;}
h1 {color: yellow; line-height: 0px;}
a {color: yellow; text-decoration: none;}
a:link {color: yellow; text-decoration: none;}
p {color: white; font-size: 22px; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; font-weight: bold; font-style: italic;}
button {font-size: 10px; background-color: red; border-radius: 4px; border: 2px solid yellow; color: white; margin: 3px; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; position: relative; bottom: 5px;}
.button: hover {background-color: blue; color: yellow;}
#button1 {background-color: blue; color: yellow; font-size: 20px; border-radius: 40px 15px;}
#button2 {background-color: yellow; color: blue; font-size: 20px; border-radius: 40px 15px;}
#button3 {background-image: linear-gradient(to right, darkblue, blue , darkblue); color: white; font-size: 20px; border-radius: 40px 15px; padding: 10px;}
table {text-align: center; border: 2px solid yellow; max-width: 90%;}
th {text-align: center; color: pink; font-weight: bold; font-size: 15px; border: 1px solid yellow;}
tr {background: darkblue; text-align: center; border: 1px solid yellow;}
td {text-align: center; color: white; font-weight: bold; font-size: 15px; border: 1px solid yellow;}
.heading {color: yellow; font-size: 24px; font-weight: bold; background-image: linear-gradient(to right, blue, yellow, blue); max-width: 80%; height: auto; 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;}
img {max-width: 70%;}
#img2 {max-width: 10%;}