/*Overall look* [start]*/
body{
 background-color:black;
 color: whitesmoke;
 font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS';
 text-align: center;
}

p{
    margin:20px;
}
/*Overall look [End]*/

/*Dropdown [start]*/
.navbody{
    background-color:lightgrey;
    margin-top:30px;
    width:100%;
    height:80px;
    border:3px solid grey;
    display:flex;
    flex-direction:row;
    justify-content:center;
    }
    
    .mnmenu{
    background-color:lightgray;
    border:none;
    cursor:pointer;
    padding-left: 80px;
    padding-right:80px;
    font-size:1.5em;
    min-width:200px;
    min-height:80px;
    }
    
    .dropdown{
    position:relative;
    display:inline-block;
    }
    
    .dropdownchild{
    display:none;
    background-color:lightgrey;
    min-width:200px;
    }
    
    .dropdownchild a{
    color: black;
    background-color:lightgray;
    padding:20px;
    text-decoration:none;
    display:block;
    }
    
    .dropdownchild a:hover{
    background-color:darkgray;
    }
    
    .dropdown:hover .dropdownchild{
    display:block;
    }
/*dropdown [end]*/


/*World Building/Outlines [Start]*/

.outlineflex1{
display:flex;
flex-direction:row;
justify-content:center;
}

.outlineflex2{
display:flex;
flex-direction:row;
justify-content:center;
}

iframe{
height:100%;
width:100%;
background:lightgrey;
border:3px solid grey;
min-height:900px;
min-width:660px;
}

.hidden{
display:none;
}

.wblink{
color:black;
background:lightgrey;
border-radius:3px;
padding: 5px;
font-family:monospace;
font-size:150%;
text-decoration:none;
cursor:pointer;
}
.wblink:visited{
color:black;
}
.wblink:hover{
color:black;
background:grey;
}
/*World Building/Outlines [End]*/


/*Aside Style [start]*/
aside{
    text-align:left;
    padding:10px;
    margin-right:10%;
    font-family:monospace;
    font-size: 120%;
    letter-spacing:1px;
    }
/*Aside Style [End]*/