body {
    font-family: "balloon-urw",sans-serif;
    font-display:auto;
    font-style:normal;
    font-weight:700;
    margin: 100px;
    background-color: #cbecf787;
}
h1 {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 400;
    font-style: normal;
    font-display: auto;
    font-size: 50px;
    background-color: #2567f5a5;
}
ul{
    list-style: square;
    margin: 10px;
    padding: 20px;
}
ul li {
    color: #000000;
    text-align: left;
    font-family: "balloon-urw",sans-serif;
    font-display:auto;
    font-style:normal;
    font-weight:700;
    margin: 15px;
    font-size: 32px;
}
a:visited {
    color: #0a5e1b;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: #838383;
    font-size: 34px;
    text-decoration: underline;
}
a:active {
    color: #3fe653;
    background-color: transparent;
    text-decoration: none;
}
.product {
    background-color: lightgray;
    width: 300px;
    padding: 5px;
    margin: 5px 0px;
}

/* TODO: Make you pages look pretty! */