body {text-align: center; background: linear-gradient(darkblue,lightblue); background-repeat: no-repeat; background-attachment: fixed; font-family: arial narrow; }
p {text-align: center; color: white; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}
a:link {text-align: center; color: yellow; text-decoration: none;}
a {color: yellow; font-size: 20px; text-decoration: none;}
#a2 {color: yellow; font-size: 18px; text-decoration: none;}
#button1 {background-color: blue; color: yellow; font-size: 20px; border-radius: 4px; border: 2px solid yellow; margin: 3px; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; position: relative; bottom: 5px;}
#button1:hover {background-color: lightblue; color: yellow;}
#button2 {background-color: yellow; color: blue; font-size: 20px; border-radius: 4px; border: 2px solid yellow; margin: 3px; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; position: relative; bottom: 5px;}
#button3 {background-color: blue; color: yellow; font-size: 20px; height: 5pc; width: 12pc; border-radius: 4px; border: 2px solid yellow; margin: 3px; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue; position: relative; bottom: 5px;}
#button3:hover {background-color: lightblue; color: yellow;}
h1 {text-align: center; color: yellow; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}
h2 {text-align: center; color: white; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}
#img2 {max-width: 10%;}
#img3 {width: 250px; height: auto; border: 4px solid white; border-radius: 20px; opacity: 0.85;}
#img4 {max-width: 70%;}
.container {text-align: left; position: relative; border-color: white; color: white; font-family: arial narrow; font-size: 18px; font-weight: bold; width: 250px; height: auto; display: inline-block; margin: 20px; text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;}
.centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.bottom-left {position: absolute; bottom: 12px; left: 10px;}
.heading {color: yellow; font-size: 28px; font-weight: bold; background-image: linear-gradient(to right, yellow, blue , yellow); 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;}
.heading2 {color: yellow; font-size: 28px; font-weight: bold; background-image: linear-gradient(to right, yellow, blue , yellow); width: 50%; 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;}