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

.Logo_link
{
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-150%, -150%);
  width: 300px;  /* Clickable width */
  height: 300px; /* Clickable height */
  z-index: 10; 
}

@import url("https://fonts.googleapis.com/css2?family=Sacramento&display=swap");


/*Gallery*/
/*
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  min-height: 100vh;
  gap: 2rem;
}

.img-container {
  overflow: hidden;
}

.img-container img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-out;
}

.img-container img:hover {
  transform: scale(1.2);
}

.modal {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}

.modal.open {
  opacity: 1;
  pointer-events: all;
}

.full-img {
  position: absolute;
  height: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  transition: all 0.3s ease-out;
}

.full-img.open {
  transform: translate(-50%, -50%) scale(1);
}

.modal p {
  color: white;
  font-size: 2rem;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%, -5%);
}
*/

/*----*/

.gallery {
  display: grid;
	grid-template-columns: repeat(3, 1fr);
/*  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));*/
  gap: 10px;
  padding: 10px;
}

@media (max-width: 850px) 
{
  .gallery 
  {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) 
{
  	.gallery 
	{
    grid-template-columns: repeat(1, 1fr);
  	}
}

.gallery-item {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.gallery-item:hover {
  transform: scale(1.35);
}
/*Gallary*/


#LastButton
{
	content: '\f062' !important;
	z-index: 10;
/*	content: "\f003";*/
}

#myVideo
{
	position: fixed;
	top: 0%;
 	right: 0%;
	bottom: -15%;
 	min-width: 100%;
 	min-height: 100%;
	z-index: -1;
	
}


@media screen and (max-width: 600px) 
{

	#myVideo 
	{
		
/*
		  width: 100%;
  height: 100%;
*/
/*  object-fit: cover;      
/*  object-position: center; */
/*		position:  inherit;*/
		left: -130%;
/*		  display: block;*/
/*
  margin-left: auto;
  margin-right: auto;
*/
/*		width: 360%; */
/*		height: 100%;*/
		bottom: 0%;
/*		min-width: 50%;*/
/*		min-height: 100%;*/
	}
	


}

.luminance
{
  display: flex;
  stroke: #ffffff;
  align-items: center;
  justify-content: center;
  background: 50% 100% / 50% 50% no-repeat
              radial-gradient(ellipse at bottom, #ff00ff, transparent, transparent);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 10vw;
  font-family: "Dongle", sans-serif;
  animation: reveal 3000ms ease-in-out forwards 200ms,
             glow 2500ms linear infinite 2000ms;
}  

 @keyframes reveal {
    80%{
      letter-spacing: 8px;
    }
    100% {
      background-size: 300% 300%;
    }
  }
  @keyframes glow {
    40% {
      text-shadow: 0 0 8px #00aae4;
    }
  }


.patterns {
  height: 100vh;
  font-family: Dongle;
  letter-spacing: 10px;
  stroke: #ff00ff;
  font-size: 110px;
  font-weight: 700;
  stroke-width: 3;
  animation: textAnimate 5s infinite alternate;
}


@keyframes textAnimate {
  0% {
    stroke-dasharray: 0 50%;
    stroke-dashoffset:  20%;
    fill:hsl(189, 68%, 75%)

  }
  
  100% {
    stroke-dasharray: 50% 0;
    stroke-dashoffstet: -20%;
    fill: hsla(189, 68%, 75%,0%)
  }
  
}


#post2
{
	
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
}

.posts
{
		position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
}

gmp-map {
  height: 300em; !important;
}
.column {
	align-content: center;
}

#OmniaLogo {
	  display: block;
      margin: 0 auto;
}

@media screen and (max-width: 480px) 
{
/*
	width="200";
	height="200";
*/
}

 

@media screen and (max-width: 480px) 
{
	.row 
	{
		display: block;
	}
}

.timeline 
{
    list-style-type: none;
    position: relative;
    width: 100%;
	margin: 0 auto;
    padding-top: 100px;
	
	
	
	div 
	{
        position: sticky;
        bottom: 0;
        width: 60vw;
        padding: 20px;
        background: #000000;
        box-shadow: 4px 13px 30px 1px rgba(227, 0, 219, 0.2);
        border-radius: 5px;
        display: flex;
        align-items: center;

        
		time 
		{
          position: absolute;
          background: #f5af19;
          width: 80px;
          height: 30px;
          top: -15px;
          border-radius: 5px;
          display: flex;
          justify-content: center;
          align-items: center;
          letter-spacing: 2px;
        }
        
		div 
		{
			height: 100px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
          	
			p 
			{
            text-align: center;
          	}
        }
		
        .discovery {
          margin-right: 10px;
        }
        .scientist {
        }
    }
/*
      &:nth-of-type(odd) {
        > div {
          left: 45px;
        }
      }
      &:nth-of-type(even) {
        > div {
          left: -139px;
        }
*/
 }   


/*
.timeline li:nth-of-type(odd) div 
{
	left: 45px;
}

.timeline li:nth-of-type(even) div {
  	left: -139px;
}
*/

/* 1. Hide them initially */
.timeline li, .timeline-content {
    opacity: 0;
/*    transform: translateY(30px);*/
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    visibility: visible;
}

/* 2. The Active State: Visible */
.timeline li.in-view, .timeline-content.in-view {
    opacity: 1;
/*    transform: translateY(0);*/
}

// ANIMATION
.timeline 
{
      div 
	{
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease-in-out;
		transition: opacity 0.8s ease-out, transform 0.8s ease-out
    }  
}

.timeline li:nth-of-type(odd) div {
	right: 0;
    transform: translate3d(100px, -10px, 0) rotate(10deg);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.timeline li:nth-of-type(even) div {
    transform: translate3d(-100px, -10px, 0) rotate(10deg);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

/*
.timeline li.in-view:nth-child(odd) div {
  transform: none;
  visibility: visible;
  opacity: 1;
}
*/

.timeline li.in-view div {
    transform: none;
    visibility: visible;
    opacity: 1;
}




@media screen and (max-width: 900px) {
/*
  .timeline 
    {
      li 
        {
        div {
          width: 250px;
          flex-direction: column;
          div {
            width: 80%;
            margin: 10px;
          }
        }
        &:nth-of-type(even) {
          > div {
            left: -289px;
          }
        }
      }
    }
*/

}

@media screen and (max-width: 600px) 
{
/*
    .timeline 
    {

      li {
        margin-left: 20px;
        div {
          width: calc(100vw - 91px);
        }
        &:nth-of-type(even) {
          > div {
            left: 45px;
          }
        }
      }
    } 
*/
}

.odd {
			padding-bottom: 100px;
}

.even {
			padding-bottom: 100px;
}

.odd1 {
			left: 10%;
}

.even1 {
	position: relative;
    left: auto !important; /* Fjern venstre-forskydning */
    right: 10% !important; /* Aktiver højre-forskydning */
    margin-left: auto; /* Skubber elementet mod højre */
}

#Folder {
width: 100%;
height: 100vh;
}

/*
@media screen and (max-width: 480px) 
{
	#Folder 
	{
		height: 20vh;    
	}
}
*/



#FredagP {
	width: 100%;
height: 100vh;
}

#LørdagP {
	width: 100%;
height: 100vh;
}