/*
 * Globals
 */

h1,h2,h3,h4,h5,h6{
font-family: 'Limelight', cursive;
}
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
}


/*
 * Base structure
 */
html, body {margin: 0; height: 100%; width:100%; overflow: hidden}

body {
  text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
  background-image:url('/background.jpg');
  background-size:cover;
}

.cover-container {
  max-width: 100%;

}
.whole-page-no-scroll{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
overflow:hidden;
z-index:-99
}
.whole-page-with-scroll{
height:100%;
width:100%;
position:absolute;
top:0;
left:0;
overflow:auto;
z-index:100
}


#light1{
left:-150px;
animation-name: rotate1;
}
#light2{
right:-150px;
animation-name: rotate2;
}
.light-beam{
background-image: url(/lightbeam.png);
z-index:-9999999;
width:450px;
height:2000px;
position:absolute;
top:-150px;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
animation-duration: 20s;
            animation-fill-mode: both;

}

@keyframes rotate1 {
            0% {
    transform-origin: 225px 100px;
    transform: rotate(303deg);
}

100% {
    transform-origin: 225px 100px;
    transform: rotate(352deg);

}    }
@keyframes rotate2 {
            0% {
    transform-origin: 225px 100px;
    transform: rotate(57deg);
}

100% {
    transform-origin: 225px 100px;
    transform: rotate(8deg);

}    }

         
/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: rgba(255, 255, 255, .5);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, .25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  border-bottom-color: #fff;
}




/* Show dates */
.show-contain {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
}
.show-date{
    background-color: #fff;
    color: black;
    width: 5em;
    border-radius: 0.5em;
}

.show-date-month {
background-color: #f55;
    color: white;
    /* border-radius: 5px; */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 1em;
}
.show-date-day {
    font-size: 1.5em;
    font-weight: 500;
}
.show-date-year {
border-top: 1px #80808070 solid;
    font-size: 0.9em;
}