:root {
   --yellow: #FEC935;
   --yellow2: #FFC31E;
   --gray: #333940;
   --gray2: #0D1019;
   --blue: #336699;
   --bg: #F7F6F1;
}

body {
   margin: 0;
   font-family: "Nunito", sans-serif;
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
   background-color: var(--bg);
}

h1 {
   font-family: "Dancing Script", cursive;
   font-family: Georgia, 'Times New Roman', Times, serif
}

a {
   text-decoration: none;
   color: var(--blue);
}

.button {
   display: inline-block;
   padding: 0.5em 1em;
   background-color: var(--yellow);
   border: 1px solid var(--yellow2);
   cursor: pointer;
}

header > a {
   display: flex;
   justify-content: center;
   align-items: center;
}

.logo {
   height: 4em;
   width: auto;
}

footer {
   margin: 1em;
   display: flex;
   justify-content: center;
   column-gap: 1em;
}