@font-face {
    font-family: "dutch";
    src: url(dutch801.ttf);
}

@font-face {
    font-family: "aileron";
    src: url(aileron.otf);
}

body{
  font-family: dutch,serif;
  margin: 0px;
  padding: 0px;
  background-color: #ECECEC;
}

#background{
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  background-color: black;
}

#background video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#name {
      position: fixed;
      width: 100%;
      top: 0px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
	  font-size: 60pt;
	  line-height: 72pt;
	  z-index: 2;
}

a {
  color: #000000;
  text-decoration: none;
}


#work {
	display: none;
    position: relative;
    z-index: 1;

}

img {
  width: 100%;
  margin-bottom: 100px;

}

video {
  width: 100%;
  margin-bottom: 100px;

}



.slideshow {
  cursor:pointer;
}

.aileron {

	font-family: aileron,sans-serif;
	font-size: 60pt;
	line-height: 72pt;
}

.links {

	font-family: aileron,sans-serif;
	font-size: 30pt;
	line-height: 72pt;
}

#description {
		font-family: aileron,sans-serif;

	  position: fixed;
      width: 100%;
      bottom: 15px;
      left: 50%;
      transform: translateX(-50%);
      text-align: center;
	  font-size: 15pt;
	  line-height: 17pt;
	  z-index: 2;
}

#toggle {
	cursor: pointer;
}