* {
    font-family: "Roboto", sans-serif;
        font-optical-sizing: auto;
        font-weight: <weight>;
        font-style: normal;
        font-variation-settings:
            "wdth" 100;

}

body {
    margin: 0;
    width: 100dvw;
    display: flex;
    flex-direction: column;

}

header,
main {
    display: flex;
    flex-direction: column;
    width: 100dvw;
    height: auto;
    gap: .5rem;

    h1,
    h2 {
        text-align: center;
        margin: 0;
        padding: 0;
        color: #49484A;
    }

    h1 {
        
        margin-bottom: 2dvw;
    }
    
    h1 {
        font-size: 4.5dvw;
    }

        h2 {
            font-size: 4dvw;
        }
   a {
    text-decoration: none;
    color: #344FA2;
   }

   a:hover {
       text-decoration: none;
       color: #6984d4;
   }
}

h2 {
    margin: 1rem;
}