@import url('https://fonts.googleapis.com/css2?family=Nabla:EDPT,EHLT@94,4&display=swap');
    * {
        box-sizing: border-box;
    }

    body,
    html {
        height: 100%;
        margin: 0px;
        padding: 0px;
        background-color: lightgray;
    }

    .sideBar {
        width: 200px;
        background-color: gray;
    }

    .sideBar a {
        display: block;
        height: 50px;
        padding: 0px 20px;
        line-height: 50px;
        margin: 0px;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        text-decoration: none;
        color: white;
    }

    .sideBar a:hover {
        background-color: blue;
    }

    table {
        width: 1000px;
        height: 100%;
        border: 0px;
        margin: 0px auto;
    }

    #heading {
        height: 120px;
        text-align: center;
        background-color: red;
        margin: 0px;
        font-size: 72px;
        padding: 0px;
        font-family: "Nabla", system-ui;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-variation-settings:
            "EDPT" 94,
            "EHLT" 4;
    }

    p {
        margin: 20px;
    }

    h2 {
        margin: 20px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .content {
        background-color: lightblue;
    }
    .image {
        display: block;
        border-radius: 20px;
        margin: 0px auto;

    }
    .credit {
        text-align: center;
        
    }
    .credit a {
        text-decoration: underline;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: blue;
        padding: 0px;
        margin: 0px;
        line-height: 12px;
    }
    .credit a:hover {
        color:red;
    }
    #footing {
        height: 20px;
        text-align: center;
        background-color: red;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
    }