/*! HTML5 Boilerplate v7.2.0 | MIT License | https://html5boilerplate.com/ */

/* main.css 2.0.0 | MIT License | https://github.com/h5bp/main.css#readme */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  min-height: 100%;
  width: 100%;
}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
   #miljo {
	   position: absolute;
	   width: 100%;
	   height: 100%;
	   overflow: hidden;
	   background: blue;
   }
   
   #innhold {
	position: absolute;
	top:100%;
   	z-index: 10;
   	margin-bottom: 150px;
   	padding-bottom: 100px;
   }
   
   #innhold h1 {
	   color: #f0f0df;
   }
   
   #innhold a, #innhold a:hover {
	   color: white;
	   text-decoration: none;
   }
   
   #innhold p {
	   color: #f0f0df;
	   font-family: roboto, sans-serif;
   }
   
   
   #nedtelling {
	   font-family: roboto, sans-serif;
	   color:white;
	   text-transform: uppercase;
	   font-weight: 900;
	   font-size: 1.5rem;
   }
   
   footer#footer {
	   position: absolute;
	   left: 0;
	   width: 100%;
	   height: 200px;
	   background: #161616;
   }
 
 
  .arrow {
	  
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    }
    
    @-webkit-keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-30px); }
    }
    
    @keyframes action {
        0% { transform: translateY(0); }
        100% { transform: translateY(-30px); }
    }
   
  
  
  
   #logo {
	   position: absolute;
	   top:50%;
	   height: auto;
	   z-index: 90;
   }
   
  
  
  
   #luftipungen {
   		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 700px;
		z-index: 9;
		text-align: center;
   }
   
  
  
  
   #gradient {
	   position: fixed;
	   bottom:0;
	   left:0;
	   width: 100%;
	   height: 100%;
	   background-image: url('../assets/gradient.png');
	   background-repeat: repeat-x;
	   background-position:center bottom;
	   z-index: 2;
   }
   
  
  
  
  

   .billett {
	   width: auto;
	   padding: 20px;
	   background: #d94a43;
	   border-radius: 30px;
	   transition: 0.5s;
	   
   }  

	   .billett:hover {
			background-image: linear-gradient(#9f2c25, #d94a43);
			transition: 0.5s;
	   }
  
  
   .billett a {
	   font-family: roboto, sans-serif;
	   text-transform: uppercase;
	   font-weight: 900;
	   color: #f0f0df;
	   font-size: 100%;
	   transition: 0.5s;
   }

		.billett a:hover {
		   text-decoration: none;
		   color: #ffffff;
		   transition: 0.5s;
		}
   
   
   
   
   
   #videopoop a {
	   color: #cb8e8a;
	   font-size: 2em;
	   transition: 0.5s;
	   
   }
   
   #videopoop a:hover {
	   color: #ac6b67;
	   text-decoration: none;
   }
   
   #festningen {
	   position: fixed;
	   bottom: 0px;
	   left: -30px;
	   height: auto;
	   width: 100%;
	   z-index: 20;
	   display: block;
	   transition: bottom 2s;
	   pointer-events: none !important;
   }
   
 
	#himmel {
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  min-width: 100%;
	  min-height: 100%;
	  z-index: 1;
	  filter: blur(5px);
	}  
	
	
	
   
   
   #himmelbilde {
	   position: fixed;
	   top:0;
	   left:0;
	   width: 100%;
	   height: 100%;
	   background-image: url('../assets/himmel.jpg');
	   background-size: cover;
   }