@import url('https://fonts.googleapis.com/css2?family=Cantarell:ital,wght@0,400;0,700;1,400;1,700&family=DynaPuff:wght@400..700&family=Kablammo&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
    background-color: purple;
}

.container {
    background-color: green;
}

nav {
    background-color: darkgoldenrod;
}

nav ul li {
    display: inline;
    padding-left: 3%;
    padding-right: 3%;
}

nav ul li a {
    text-decoration: none;
    color: black;
    font-family: "DynaPuff", system-ui;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

h1 {
    color: white;
    font-family: "Kablammo", system-ui;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
    "MORF" 0;
}

p {
    color: orange;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
     "wdth" 100;
}

h6 {
    color: orange;
    font-family: "DynaPuff", system-ui;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

th {
    color: lightblue;
    font-family: "Cantarell", sans-serif;
    font-weight: 400;
    font-style: normal;
}

td {
    color: white;
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}

footer a {
    text-decoration: none;
    color: orange;
}

section h3 {
    color: lightgreen;
    font-family: "Cantarell", sans-serif;
    font-weight: 700;
    font-style: normal;
}

label {
    color: lightcoral;
    font-family: "Cantarell", sans-serif;
    font-weight: 400;
    font-style: normal;
}

input {
    background-color: yellow;
}

h2 {
    color: red;
    font-family: "DynaPuff", system-ui;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
}