@charset "utf-8";
/* CSS Document */

body {
    background-color: #0181CA;
    font-family: sans-serif, arial, helvetica;
}

section {
    background-color: white;
    padding: 1em;
    font-size: 150%;
}

main {
    margin: auto;
    padding: inherit;
}


h2 {
    font-size: 200%;
}

h3 {
    font-size: 150%;
}

h4 {
    font-size: 110%;
}






/*Header*/
.logo {
	position:relative;
	display:block;
	float:left;
}

h1 {
    color: #0181CA;
    position: relative;
    text-align: center;
    font-size: 300%;
}

.ui.menu {
    position: relative;
    float: right;
}







/*UI Modification*/

.ui.container {
    background-color: darkgrey;
}

.ui.segment {
    padding-bottom: 3em;
    font-size: 150%;
}

.ui.table thead{
    background-color: black;
}

.ui.table tbody tr:nth-of-type(odd), tbody tr {
    background-color: white;
    color: black !important; 
}

.ui.button:hover {
    background-color: #0181CA;
    color: white;
}

.ui.button {
    padding-left: 3em;
    padding-right: 3em;
}






/*Classes and IDs*/

#big2Buttons {
    padding-left: 4em;
    padding-right: 4em;
}

#big3Buttons {
    padding-left: 7em;
    padding-right: 6em;
}

.bold {
    text-emphasis: bold;
}

.ital {
    font-style:italic;
}

.undlin {
    text-decoration: underline;
}