body{
    font-family: 'Courier New', Courier, monospace;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}
a{
    text-decoration: none;
    color: #000000;
}
* a:hover{
    color: #060cb4;
    text-decoration: wavy;
}
.header{
        text-align: center;
        padding: 1cm;
}
.header#sub{
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    font-style: italic;
    
}
.grid{
    display: grid;
    grid-template-columns: 5;
    grid-template-rows: 8;
}
.footercontainer{
    display: inline-block;
    block-size: auto;
    align-content: center;
    writing-mode: horizontal-tb;
    list-style-type: none;
    margin: 0;
    padding: 10px;
    overflow: hidden;
    background-color: #ffffff00;
    font-size: 15px;
}
.dropdown{ 
    float: inline-end;
    margin: 1px;
    padding: 5px;
}
.qr{
    display: inline block ;

    align-content: center;
    margin: 1px;
    padding: 10px;

}
footer {
    text-align: center;
    padding: 20px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
}