html {
    margin: 0px;
    padding: 0px;
    letter-spacing: 0.06rem;
}

body {
    /*
    colors:
    green: #0b9931ff
    blue: #0b65b2ff
    */

    font-family: Roboto;
    font-size: 18px;
    color: #333;
    margin: 0px;
    padding: 0px;
}

#page {
    background-color: #666;
}

#main {
    padding: 20px;
}

#header {
}

#logo {
    min-height: 30vh;
    /*
    display: flex;
    justify-content: center;
    align-items: center;
    */
}

#logo object {
    text-align: center;
    background-color: #fff;

    margin: auto;
    display: block;

}

#logotext {
    text-align: center;
}
#message {
    padding: 12px;
    color: #fff;
    background-color: #0b9931;
    text-align: center;
}


#centerpage {
    flex-flow:column nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    min-height: 80vh;
    background-color: #fff;
}

#logo {
    display: inline;
    height: 60px;
    margin: auto 10px ;
    margin-right: 0px;
    transition: height 0.2s ease-out;

}

#copyright {
    padding: 12px;
    color: #fff;
}
#copyright a {
    color: #fff;
}