/* GLOBAL LAYOUT */
body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, sans-serif;
background: #ffffff; /* dark gray */
color: #e6e6e6;
display: flex;
}


/* LEFT SIDEBAR */
.sidebar {
width: 200px;
background: #ffffff; /* same as body */
padding: 80px 20px 20px 20px; /* space for logo */
height: 100vh;
position: fixed;
top: 0;
left: 0;
overflow-y: auto;
}
.sidebar a {
display: block;
text-decoration: none;
color: #d0d0d0;
font-size: 13px;
font-family: "Arial Narrow", Arial, sans-serif;
margin-bottom: 10px;
letter-spacing: 0.5px;
}
.sidebar a:hover {
color: #ffffff;
}
/* submenu indent */
.subitem {
margin-left: 18px;
font-size: 14px;
}


/* CONTENT AREA */
.content {
margin-left: 260px;
max-width: 900px;
padding: 40px;
}


h1, h2, h3, p {
color: #ffffff;
font-weight: normal;
}


img, iframe {
max-width: 100%;
display: block;
margin: 20px auto;
}