:root {--color-sky-blue:#e1f2fb;--color-light-blue:#f1f9f9;--color-pink:#f3dfe3;--color-peach:#e9b2bc;--color-offwhite:#fdfdfd;--color-grey:#6f6f6f;--color-darkgrey:#444;--text-color:var(--color-grey);--headline-color:var(--color-darkgrey);--border-color:var(--color-offwhite);--button-color:var(--color-sky-blue);--header-color:var(--color-pink);--body-color:var(--color-offwhite);--footer-color:var(--color-peach);--shadow:0 0 3px 0;--size-navigation:140px;--content-width:1200px;--page-padding:0 20px;--social-icon-size:40px }* {box-sizing:border-box}body {margin:0;font-family:'Open Sans',sans-serif;background-color:var(--body-color)}header {background:var(--color-pink);padding:var(--page-padding)}.header-wrapper {margin:0 auto;max-width:var(--content-width);height:var(--size-navigation);display:flex;align-items:center}.logo {margin-right:20px}nav {display:flex}nav .link {margin:0 12px;font-size:20px;font-weight:lighter}main {min-height:100vh;max-width:1000px;margin:20px auto;padding:var(--page-padding)}a {color:black;transition:color ease-in-out 100ms;text-decoration:none}a:hover {color:#3f3f3f}h1,h2,h3,h4,h5 {color:var(--headline-color)}p {color:var(--text-color)}hr {margin:2rem 0}img {max-width:100%;max-height:100%}label {display:block;margin-bottom:4px}.input-group {margin:8px 0}footer {display:flex;flex-direction:column;justify-content:center;margin-top:20px;background:var(--footer-color);height:var(--size-navigation);padding:var(--page-padding)}.footer-wrapper {display:grid;grid-template-columns:1fr 1fr 1fr;max-width:var(--content-width);width:100%;margin:0 auto;padding:16px;font-weight:lighter;font-size:16px}.social {display:flex;height:var(--social-icon-size)}.social-icon {width:var(--social-icon-size);display:block}.contact-email {color:white;text-decoration:underline;margin:auto}.contact-email:hover {color:white}.copyright-notice {color:white;margin:auto 0 auto auto}@media (max-width:767px) {.footer-wrapper {display:flex;flex-direction:column;justify-content:space-evenly;align-items:center }.copyright-notice {padding:4px;margin:auto }.mobile-hide {display:none }}button,.button {padding:4px 20px;border:none;border-radius:12px;font-size:20px;color:var(--text-color);background-color:var(--button-color);box-shadow:0 0 5px 0}