/* header stuffs */
.header{
    color: #000000;
    max-height: 3%;
    vertical-align: middle;
}
.header-img{
    max-height: 100%;
    display: block;
    margin: auto 5px;
    padding: 5px;
}
/* main stuffs */
.bg-gray{
    background-color: rgba(204, 204, 204, 0.8);
    padding: 10px;
}
.page{
    padding-top: 2.5%;
}
.background-img{
    background-image: url('imgs/bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.body{
    background-color: rgba(256,256,256,.80);
    color: #000000;
    margin-top: 40px ;
    margin-bottom: 40px ;
}
/* footer stuffs */
div.footer{
    background-color: rgba(110, 40, 40, 0.9);
    color: #ffffff;
    max-height: 3%;
    vertical-align: middle;
}
.footer-img{
    max-height: 100%;
    display: block;
    margin: auto;
    padding: 5px;
}
.ftxt{
    height: auto;
}
.vob{
    max-height: 60%;
    display: block;
    margin: auto;
    padding-top: 10px;
}
/* all around stuffs */
.hp{
    height: 140px;

}

/* Links */
a:visited.header,a:link.header,a:hover.header,a:active.header,a:visited.footer,a:link.footer,a:hover.footer,a:active.footer{
    color: #ffffff;
    text-decoration: none;
    text-align: center;
}
.bg-red{
    background-color: rgba(110, 40, 40, 0.9);
}
html{
   font-size: x-large; 
}
.align-middle{
    padding-top: 6%;
    display: block;
}
/* Apparatus page stuff */
.w-bg{
    background-color: rgba(256,256,256,.60);
    padding: 5px;
    margin: 10px;
}