/*Styles form Layout color-profile Site (goes into _layout.cshtml)*/

body {
    font-family: 'Times New Roman', Times, serif;
    display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;
}
.center {
    margin: auto;
    width: 50%;
    height: 50%;
	vertical-align: middle;
	text-align: center;
	min-height: 10em;
    display: table-cell;
	align-items: center;
	
}

#top {
    background-color: white;
	display: flex;
	flex: 1;
	display: -webkit-flex;
    vertical-align: top;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: xx-large;
    font-weight: lighter;
    width: 100%;
    text-align: center;
	
}

#leftSide {
    background-color: greenyellow;
    display: flex;
    flex: 1;
    display: -webkit-flex;
    flex-flow: column;
    border: dashed 1px black;
    margin: 15px;
    max-width: 300px;
}


#rightSide {
    background-color: violet;
    display: flex;
    flex: 1;
    display: -webkit-flex;
    flex-flow: column;
    border: dashed 1px black;
    margin: 15px;
    max-width: 300px;
}

#bottomInfo {
    color: black;
    background-color: pink;
    vertical-align: bottom;
    display: flex;
    display: -webkit-flex;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    font-size: x-small;
}