body {background-color: #f1f1f1;margin: 0;padding: 0;font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 16px;display: grid;grid-template-columns: 1fr;grid-template-rows: auto 1fr auto;min-block-size: 100vh;min-block-size: 100dvh;grid-template-areas:
"main main"
"footer footer";}.main {grid-area: main;display: flex;background: linear-gradient(to bottom, #5e9bd1 16%, #b1d5fa 100%);    margin-top: 5px;margin-left: 5px;margin-right: 5px;border-radius: 10px;padding: 44px;font-size: 110%;justify-content: center;align-items: center;color: #fff;text-align: justify;}.container {margin: 2.5rem;background-color: rgba(0, 0, 0, 0.5);padding: 2rem;border-radius: 10px;justify-content: center;align-items: center;}#footer {margin: 5px;height: 20px;border-radius: 10px;clear: both;margin: auto;text-align: center;grid-area: footer;    opacity: 1.0;color: #fff;font-size: 80%;padding: 1em;}h1 {font-size: 160%;color: #fff;}h2 {font-size: 130%;color: #fff;}h3 {font-size: 110%;color: #fff;}img {display: block;margin-left: auto;margin-right: auto;max-width: 100%;max-height: 100%;}@media (max-width: 700px) {#logo1 {float: left;margin-right: auto;}.header {display: none;}#footer {display: none;}.main {background-color: #b1d5fa;margin-left: 5px;margin-right: 5px;margin-top: 10px;margin-bottom: 10px;border-radius: 10px;padding: 20px;font-size: 110%;}}@media(min-width: 626px) {html {scroll-padding-block-start: 10rem;}}