body, html {
    height: 100%;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 200;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(../fonts/OpenSans-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(../fonts/OpenSans-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local('Open Sans Bold'), local('OpenSans-OpenSans-Bold'), url(../fonts/OpenSans-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(../fonts/OpenSans-ExtraBold.ttf) format('truetype');
}

h1 { font-size:1.8rem; font-weight: 500; font-family: Open Sans,Consolas, monaco, monospace; }

h2 { font-size:1.5rem; font-weight: 400; font-family: Open Sans,Consolas, monaco, monospace; }

h3 { font-size:1.2rem; font-weight: 300; font-family: Open Sans,Consolas, monaco, monospace; }

h3err { color: red;  font-size:1.2rem; font-weight: 400; font-family: Open Sans,Consolas, monaco, monospace; }

h4, body, html { font-size:1rem; font-weight: 300; font-family: Open Sans,Consolas, monaco, monospace; }

h5 { font-size:0.8rem; font-weight: 200; font-family: Open Sans,Consolas, monaco, monospace; }

th {
    text-align: center;
}

td {
    padding: 2px;
}

.error-msg{
    background: #de7979;
    opacity: 1;
    animation: fade 1s linear;

}

.warning-msg{
    background: #dec579;
    opacity: 1;
    animation: fade 1s linear;

}

.about-container{
    margin: 15px;
    text-align: justify;
}

hr.solid {
    border-top: 3px solid #0000FF;
    border-radius: 3px;
    color: red;
}