body {background: linear-gradient(darkblue,lightblue); background-repeat: no-repeat; text-align:center; background-attachment: fixed; font-family: arial narrow; width: 95%; margin:0 auto;}
h1 {color: yellow; line-height: 0px; text-align:center;}
a {color: yellow; text-decoration: none;}
a:link {color: yellow; text-decoration: none;}
p {color: white; font-size: 18px; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; font-weight: bold; font-style: italic;}
button {font-size: 15px; 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: linear-gradient(to right, yellow, blue, yellow); color: yellow; font-size: 18px;}
#button2 {background-color: yellow; color: blue; font-size: 20px;}
.heading {color: yellow; font-size: 18px; font-weight: bold; background-image: linear-gradient(to right, yellow, blue, yellow); 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;}
.container {width: 90%; border: 2px solid yellow; color: white; margin: 0; background: linear-gradient(to right, darkblue, blue, darkblue); text-align: center; font-size: 18px; padding: 10px; font-weight: bold; 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%;}
#img3 {max-width: 100%; border-radius: 4px; border: 2px solid yellow; color: white;}
.centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}