header {
    height: 180px;
    display: flex;
    background-color:white;
}

header img {
    height:100%;
    object-fit:contain;
    margin : 0 auto;
}

.main-menu {
    background-color:#1B6DC1;
    background: linear-gradient(to right,  #1B6DC1, white);
}

.main-menu li {   
    display:inline-block;
    padding:3px 15px;
}

a:link { color: white; }
a:visited { color: white; }
a:hover { color: white; }
a:active { color: white; }

.main {
    background-color:white;
    height: auto;
    padding:3px 15px;
}
.comment {
    height: auto;
    padding:2px 15px;
    color: #3B3B3B;
}

h3 {
    color: #3B3B3B;
}

p {
    color: #3B3B3B;
}

.box_out {
    height: auto;
    padding:3px 15px;
}

.table_info {
    border-collapse:  collapse;
}

.table_info th,td {
    border: solid 1px;
    padding:3px 15px;
    color: #3B3B3B;
}

.footer {
    background-color:#1B6DC1;   
    background: linear-gradient(to right, white, #1B6DC1);
    height: auto;
    font-size: small;
    text-align: right;
    padding:2px 2px;
    color: white;
}

.footer p{
    color: white;
}