@keyframes fadeIn {
	0%   { opacity: 0; }
	100% { opacity: 1; }
  }
  @font-face {
	font-family: neulis_bold;
	src: url(fonts/neulisb.ttf); /* IE9 */
	}
  body {
	  width: 100vw; 
	  height: 100vh; 
	  color: #000;
	  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	  background-color: #fff;
	  overflow: hidden;
  }
  h1.preview {
	  font-size: 2.5vw;
	  color: #000;
	  margin: 1vw 2vw;
	  text-align: center;
  }
  
  #framer {
	  position: absolute; 
	  top: 0.7vw; 
	  left: 10vw; 
	  width: 80vw; 
	  height: 45vw;
	  border-radius: 0.8vw;
	  opacity: 0; 
	  animation: fadeIn; 
	  animation-delay: 0.5s; 
	  animation-duration: 1s; 
	  animation-fill-mode: forwards; 
  }
  #content {
	  width: 80vw; 
	  height: 45vw; 
	  border-radius: 0.5vw;
  }
  #border {
	  position: absolute; 
	  top: 0.2vw; 
	  left: 9.5vw; 
	  width: 81vw; 
	  height: 46vw; 
	  opacity: 0; 
	  border: 0.6vw solid #003047; 
	  border-radius: 1vw; 
	  box-sizing: border-box;
	  box-shadow: 0 0 2vw -1vw #000; 
	  animation: fadeIn; 
	  animation-delay: 0.5s; 
	  animation-duration: 1s; 
	  animation-fill-mode: forwards; 
  }
  #page-heading {
	text-align: center;
    position: absolute;
    width: 20vw;
    z-index: 1;
    background: #003047;
    left: 40vw;
    top: 0.2;
    margin: 0;
    padding: 0.5%;
    color: #edf5db;
    border-radius: 0 0 1vw 1vw;
    font-size: 1vw;
	font-family: neulis_bold;
}