ELOStar/static/style.css

html, body {
    width         : 100%;
    height        : 100%;
}
body {
    background    : #EAEDF0;
}
img {
    max-width     : 60%;
    max-height    : 100%;
    top           : 0;
    left          : 0;
    right         : 0;
    bottom        : 0;
    position      : absolute;
    margin        : auto;
}
a {
    color         : #ddd;
    text-decoration: none;
}
.bto {
    width         : 30%;
    height        : 100%;
    border        : none;
    background    : #A5DE37;
    border-color  : #A5DE37;
    color         : #FFF;
    border-radius : 100px;
    margin        : 5px;
}
* {
    text-align    : center;
    margin        : 0 auto;
    padding       : 0;
}
.header {
    background    : #343a40;
    height        : 9%;
    color         : #ddd;
}
.header .textlogo {
    float         : left;
    font-size     : 5vh;
    margin-left   : 3%;
    margin-top    : 0.5%;
}
.header .nav {
    float         : right;
    font-size     : 2.5vh;
    margin-right  : 2%;
    margin-top    : 1.2%;
    width         : 30%;
}
.main {
    width         : 90%;
    height        : 82%;
    background    : #ffffff;
    margin-top    : 0.5%;
    border-radius : 30px;
    padding       : 0.5%;
}
.footer {
    width         : 100%;
    height        : 5%;
    color         : #ddd;
    margin-top    : 0.5%;
    font-size     : 2vh;
}
.footerRow1 {
    background    : #343a40;
    width         : 100%;
    height        : 100%;
}
.footerRow2 {
    background    : #eee;
    height        : 25%;
    width         : 100%;
    color         : #222;
}
.container {
    max-width     : 720px;
    width         : 100%;
    height        : 100%;
    padding-right : 15px;
    padding-left  : 15px;
    margin-right  : auto;
    margin-left   : auto;
}
.row {
    display       : -webkit-box;
    display       : -ms-flexbox;
    display       : flex;
    -ms-flex-wrap : wrap;
    flex-wrap     : wrap;
    margin-right  : -15px;
    margin-left   : -15px;
    height        : 100%;
}
.col-sm {
    flex-basis    : 0;
    flex-grow     : 1;
    max-width     : 100%;
    height        : 100%;
    text-align    : center;
}
.col-sm p {
    margin-top    : 1%;
}