@charset "UTF-8";
/* CSS Document */

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

body
{
  background-color: #D6D6D6;
	animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    font-family: 'Space Grotesk', sans-serif;
}

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	color: aqua;
}


h1 {
	color:  #141414;
	font: 32px 'HKGrotesk regular';
    letter-spacing: -2px;
	text-align: center; 

}

	
@media screen and (max-width:1150px) 
{
  .left-div, .right-div, .info-div, .work-div, .tekst-div, .random-div
    {
        max-width: 45%;
		padding: 0px;
    }

	.small, .medium{
		max-width: 100%;
		padding: 0px;
		
	}
	
	.tekst-div {
		width:95%;
	
	}
	
	.main {
		padding: 10px; 
		padding-top: 50px;
	}
		h1 {

	font: 28px 'HKGrotesk regular';
			  letter-spacing: -1px;

}


}
	
	@media screen and (max-width: 700px) 
{
	.left-div, .right-div, .info-div, .work-div, .tekst-div, .random-div
    {
       max-width: 100%;
	   padding: 0px;
	   margin-top: 30px;
    }
	
	.tekst-div {
		width:95%;
	
	}
	h1 {

	font: 24px 'HKGrotesk regular';
		  letter-spacing: -1px;

}


	
	.small, .medium{
		max-width: 100%;
		padding: 0px;
		margin-top: 20px;
		
	}
	

		
	}
	
	#navbar a {
	font-size: 22px;
}
}

body nav {
  position: fixed;
  top: 0;
  z-index: 100;
}

@-webkit-keyframes fadey { 
0% { opacity: 0; }
15% { opacity: 1; }
85% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes fadey { 
0% { opacity: 0; }
15% { opacity: 1; }
85% { opacity: 1; }
100% { opacity: 0; }
}
body { 
  font-family: Avenir, Arial, sans-serif; 
  margin: 0;
  font-size: 0;
}
figure#slideshow { 
  width: 100%; 
  margin: 0 auto; 
  position: relative; 
  border: 1px solid #fff;
  cursor: pointer;
}
figure#slideshow img { 
  position: absolute; 
  left: 0; top: 0; 
  width: 100%; height: auto; 
  opacity: 0; 
}
figure#slideshow img:first-child { position: relative; }

#container:-webkit-full-screen { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  background: #000; 
}

#container:-ms-fullscreen { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  background: #000; 
}

#container:fullscreen { 
  display: flex; 
  justify-content: center; 
  align-items: center; 
  background: #000; 
}
#container:-moz-full-screen figure, #container:-ms-full-screen figure, #container:-webkit-fullscreen figure, #container:fullscreen figure { 
  width: 100%;
  margin: 0 auto;
  background: #000; 
}
:-webkit-full-screen { 
  width: 100%; height: 100%; 
}
*:-moz-full-screen { 
  background: #fff; 
}
*:-webkit-full-screen { 
  background: #fff; 
}


	@font-face {
	font-family:'HKGrotesk Regular';
	src:url(font/WEB/HKGrotesk-Regular.woff)
}
		@font-face {
	font-family:'HKGrotesk SemiBold';
	src:url(font/WEB/HKGrotesk-SemiBold.woff)

}