* {
	box-sizing:border-box;
	cursor:default;
}
a {
	color:inherit;
	text-decoration:none;
	transition:color 0.3s;
}
a:hover {
	color:grey;
}
#about-menu {
	display:hidden;
}
body {
	font-family:Arial, sans-serif;
	color:black;
	font-size:10px;
	padding:30px;
	padding-bottom:90px;
	margin:0;
}
.future {
	color:rgba(0,0,0,0.2);
	pointer-events:none;
}
#journal-menu {
	display:hidden;
}
#journal-menu a {
    display:inline-block;
    width:5em;
}
#journal-image {
    display: none;
    position: fixed;
    top: 30px;
    left: 50vw;
    transform: translate(-50%, 0);
    width: auto;
    max-height: calc(100vh - 60px); /* allows for top margin */
    overflow-y: scroll;        /* still scrollable */
    scrollbar-width: none;     /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
    z-index: 1;
    pointer-events:auto;
}
#journal-image::-webkit-scrollbar {
    display: none;             /* Chrome, Safari */
}
#journal-image img,
.journal-entry-video,
.journal-entry-audio {
  width: 600px;
  max-width: 100%;
  display: block;
  margin-bottom: 30px;
}
.journal-file-link, .journal-external-link {
  display: block;
  margin-bottom: 30px;
  text-decoration: underline;
}
#journal-image img:last-child {
    margin-bottom: 0;
}
#main-menu {
  position: relative;
  z-index: 10;
  transition:0.2s;
  max-width:500px;
}
.menu {
	padding: 12px;
	padding-top:11px;
	border-left:solid 1px black;
}
#project-caption {
	display:none;
	position:fixed;
	bottom:0;
	left:0;
	width:100vw;
	padding:30px;
	font-size:8px;
}
#project-image {
	display:none;
	position:fixed;
	height:600px;
	width:600px;
	max-height:80vh;
	max-width:80vw;
	top:50vh;
	left:50vw;
	transform:translate(-50%,-50%);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	z-index:1;
}
.project-submenu {
    display: none;
	padding: 12px;
	padding-top:11px;
	border:solid 1px rgba(0,0,0,0);
	border-left:solid 1px black;
	transition:background 0.3s, border 0.3s;
}
.project-submenu:hover {
    background:white;
    border:solid 1px black;
}
#work-menu {
	display:hidden;
}
#work-menu a {
    display:block;
}