.screen{
    width: 100%;
	height: stretch;
	margin-bottom: 0px;
}
    
.navbar{
    display: flex;
    align-items: stretch;
    background-color: brown;
}
    
.menu{
    flex: 20%;
    background-color: indigo;
    padding: 0px;
    float: left;
	height: 15%;
}

.main{
    flex: 60%;
    background-color: orange;
    padding: 0px;
    align-content:center;
	height: 15%;
}

.side{
    flex: 20%;
    background-color: green;
    padding: 0px;
    float: right;
	height: 15%;
}

.study{
    background-color: red;
    padding: 0px;
	vertical-align: baseline;
}

.study2{
    background-color: red;
    padding: 0px;
	vertical-align: baseline;
}

.study3{
    background-color: red;
    padding: 0px;
	vertical-align: baseline; 
}

.categories{
	height: 80%;
	width: 95%;
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
}

th, td {
    padding: 5px;
    text-align: left;    
}

.one{
	background-color: #A2A0A0;	
}

.two{
	background-color: #cecece;
}

.three{
	background-color: white;
}

a {
	text-decoration: none; 
}

.cr1{
	background-color: #007749 ;
	font-size: 150%;	
}

.cr2{
background-color: black;
	color: #ffffff;
	font-size: 150%;
}

.cr3{
	background-color: #FFB81C;
	font-size: 150%;
}

.cr4{
	background-color: #E03C31;
	font-size: 150%;
}

.cr5{
	background-color: #001489 ;
	font-size: 150%;
}

.cr6{
	background-color: #A2A0A0;
	text-decoration: none;
	flex: 40%;
	font-size: 200%;
}

.cr7{
	background-color: #ac8010;
	flex: 40%;
	font-size: 200%;
}

.cr8{
	visibility: hidden;
	flex: 20%;
}

td{
	color: black;
}

.run{
	color: black;
        height: 16.66%;
	padding-left: 0.75%;
}

.pone {
	background-color: #855f00;
}

.ptwo {
	background-color: #e8bc4c;
}

.pthree {
	background-color: #ac8010;
}

.pfour {
	background-color: #855f00;
}

.run2 {
	background-color: black;
	color: #855f00;
}

.run3 {
	background-color: black;
	color: white;
}

.run4 {
	color: white;
        padding-left: 0.75%;
}
	
.cs {
	font-size: 500%;
	background: #371575;
    color: white;
    border-radius: 1em;
    padding: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#bdsm {
	background-color: black;
}
.s5 {
	background: white;
    color: black;
    padding: 5px solid black;
	margin: 5px solid black;
	height: 100%; 
	width: 100%;
	border: 5px solid black;
	border-bottom: 5px solid black;
}

.font1 {
	font-size: 200%;
	color: black;
}

.font2 {
	font-size: 200%;
	color: indigo;
}

.font3 {
	font-size: 200%;
	color: red;
}

.border-bottom {
	border-bottom: 10px solid black;
}

body{
	font-family: Arial;
	margin: 0px;
	padding: 0px;
}

footer {
        height: 16.66%;
	padding-left: 1%;
}