@keyframes revealPolygon {
    0% {
      clip-path: polygon(30% 10%, 50% 0%, 50% 100%, 50% 100%);
    }
    50% {
        clip-path: polygon(50% 0%, 50% 0%, 70% 90%, 20% 100%);
      }
    100% {
      clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
  }
  
  #start-film {
    animation: revealPolygon 1s ease-in-out forwards;
  }
  

#start-film .elementor-wrapper video {
    background-color: transparent;
}

#root .word {
    color: white;
    padding-right: 1rem;
    transition: background-color 1s;
  }

#root .highlight {
    border-bottom: 4px solid #E6FFA2;
  }

  #root .gm-style-iw.gm-style-iw-c {
    max-width: 300px !important;
    min-width: 250px !important;
}

#root .gm-style-iw-d p {
    display: flex;
    flex-direction: column;
}

#root .egm-marker-iw br {
    display: none;
}

#root .egm-marker-iw {
    display: flex;
    flex-direction: column;
    gap: 0;
}

div#clock, div#bilety, div#samolot {
    position: absolute;
    left: 20%;
    right: 20%;
    top: 0;
}

div#clock {
    left: 20%;
    right: 0;
    top: 0;
}

div#bilety {
    top: 15%;
    left: 20%;
    bottom: 0;
    right: 10%;
}

div#samolot {
    left: 5%;
    right: 5%;
    top: -10%;
}
@media only screen and (max-width: 600px){
div#samolot {
    left: 0%;
    right: 0%;
    top: -15%;
}

div#bilety {
    top: 14%;
    left: 11%;
    right: -2%;
    bottom: 0;
}

	div#clock {
	left: 11%;
    right: -23%;
	}
	
}