/* This is a style sheet */

body {
    background-color:white;
    margin: 0px;
}

h1 {
    color:white;
    font-size: 72pt;
    font-family: "lucida console";
    padding-bottom:25px;
    padding-top:25px;
}

p {
    color:black;
    font-size: 12pt;
    font-family: "helvetica";
}

#title {
    background-color: skyblue;
    float: right;
    width:82%;
    height:300px;
    margin:0;
    padding:0;
    text-align: center;
}

#navbar {
    float:left;
    width:18%;
    margin:0;
    padding:0;
    background-color:skyblue;
    line-height: 3.8;
    font-size:22pt;
    font-family: "lucida console";
    text-align: center;
    font-weight:bold;
    position:fixed;
}

ul {
    list-style-type: none;
    text-align:center;
}

li a {
    color:white;
    text-decoration:none;
    list-style-type: none;
}

.active {
    text-decoration: underline;
}

#main {
    float:right;
    width:82%;
    background-color:white;
}

#maintext {
    width:40%;
    font-size:12px;
    float:left;
    margin-left:9%;
    margin-top: 50px;
    padding-left:1%;
    text-align: left;
    background-color:#fdcd7b;
    height:300px;
    border-color:skyblue;
    border-width: thin;
}

#image {
    float:right;
    width:40%;
    height:300px;
    margin-right:10%;
    margin-top:50px;
    background-color: aqua;
}

#spacer {
    background-color:white;
    float:left;
    width:18%;
    height:600px;
}

#scene {
    float:right;
    width:82%;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}