#mainnavigation span {
  /*font-family: "Fredericka the Great";*/
}

diiv {
  border: 1px solid red !important; 
}
#frame-backgroundimage-254::after {
  border: 1px dotted white;
  transform: translateZ(-1px) scale(1.5);
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: 100%;
  /* Keep the image from overlapping sibling elements. */ 
  z-index: -1;
}

.carousel .carousel-item h1,
.carousel .carousel-item h2,
.carousel .carousel-item h3 {
  text-shadow: 2px 2px 0px rgba(0,0,0,0.8),
    	0 0 50px rgba(0,0,0,0.3);
}

#carousel-346 > div > div:nth-child(1) > div.carousel-content > div > div > div > h1 {
  padding-top: 20%;
}

.carousel .carousel-item h1 {
   animation: slidein-left 0.5s ease-out;
}

.carousel .carousel-item h2,
.carousel .carousel-item h3 {
   animation: slidein-right 1s ease-out;
}

@keyframes slidein-left {
    from { opacity: 0; transform: translate(-20%,0) scale(0.8); }
    to   { opacity: 1; transform: translate(0,0) scale(1); }
}

@keyframes slidein-right {
    0% { opacity: 0; transform: translate(20%,0) scale(0.8); }
    50% { opacity: 0; transform: translate(20%,0) scale(0.8); }
    100%   { opacity: 1; transform: translate(0,0) scale(1); }
}