* {
 box-sizing:border-box;
 margin:0;
 padding:4px
}
body {
 height:100%;
 background-image:url(./images/bg1-min.jpg);
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover;
 display:flex;
 justify-content:center;
 align-items:center
}
.item{
  align-items:center;
  text-align: center;
}
.spinny{
	drop-shadow: 0 0 0 purple;
	animation: rotation 2.5s infinite linear;
}
.overlay{
  background: #232526;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  opacity:1;
  position:fixed;
  background-color: cadetblue;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;		
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  z-index:1000;
}
blockquote {
 color:#fff;
 text-align:center
}
blockquote q {
  text-align:center;
 color:#fff;
 font-size:3rem;
 font-family:georgia;
 font-style:italic;
 opacity: 0;
}
h1 {
 font-family:montserrat;
 color:#fff;
 text-align:center;
 letter-spacing:.1rem;
 opacity: 1;
}
cite {
 display:block;
 text-align:right;
 font-family:Verdana,Arial,sans-serif;
 margin-top:1rem;
 font-size: .9rem;
 color:#fff;
 font-style:normal;
 opacity: 0;
}
.animationd {
 animation-name:text-focus-in;
 animation-duration:1s;
 animation-timing-function:ease;
 animation-delay:4s;
 animation-iteration-count:1;
 animation-direction:normal;
 animation-fill-mode:forwards;
}
@keyframes text-focus-in {
 0% {
  text-shadow: 0px 0 0 #000, 0 0px 0 #000, 0 0px 0 #000, 0px 0 0 #000;
  filter:blur(7px);
  opacity:0
 }
 100% {
  text-shadow: 0.5px 0 0 #000, 0 -0.5px 0 #000, 0 0.5px 0 #000, 0px 0 0 #000;
  filter:blur(0);
  opacity:1
 }
}
@keyframes scale-up-center {
  0%{
    -webkit-transform: scale(0%);
    transform: scale(0%);
	opacity:1
  }
  100%{
    -webkit-transform: scale(65%);
    transform: scale(80%);
	opacity:1
  }
}
.scaleup {
 opacity:0;
 animation-name:scale-up-center;
 animation-duration:1s;
 animation-timing-function:ease;
 animation-delay:2s;
 animation-iteration-count:1;
 animation-direction:normal;
 animation-fill-mode:forwards;
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}