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

.txtfx1 {
    text-shadow: 3px 3px 3px #FFFFFF;
    font-size: 2.2rem;
    font-weight: bolder;
}
.txtfx {
    text-shadow: 2px 2px 2px #FFFFFF;
    font-size: 1.8rem;
}
.txtfx2 {
    text-shadow: 2px 2px 2px #FFFFFF;
    font-size: 4rem;
}
.txtfx3 {
    text-shadow: 1px 1px 1px #FFFFFF;
}

.letterpress1 {
  background-color: #999;
  color: transparent;
  text-shadow: rgba(255,255,255,0.5) 0px 5px 5px;
  background-clip: text;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  font-family: sans-serif;
  font-size: 1.8rem;
}
.txtfx4 {
text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75), 0px -1px 1px rgba(0,0,0,.75);
    font-family: Helvetica, Arial, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    color: #999;
}
.embossed {
    text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000;
/*    color: #9c8468;
*/    color: #555;
    opacity: 0.5;
    font: 2rem 'Museo700';
}

.dropcap :first-letter{
border:1px solid #ff3c36;
color:#ff3c36;
float:left;
<!--font-family:Titling Gothic Narrow Medium,sans-serif;-->
/*font-family: UVNButLong1;
*/font-size:90px;
font-style:normal;
line-height:90px;
margin:2px 14px 10px 0;
padding:15px 30px;
text-transform:capitalize
}

.dropcap1 :first-letter {
color:#333;
float:left;
font-size:117px;
line-height:107px;
margin-left:-6px;
margin-right:10px
}


.span1 {
    float: left;
    width: 0.7em;
    font-size: 4rem;
    line-height: 80%;
}
.txtEffect {
  /*font: 100% / 1.5 Raleway, sans-serif;*/
  font-family: "Roboto";
  /*color: hsl(230, 100%, 95%);*/
  color: hsl(58.15deg 92.11% 50.1%);
  background-blend-mode: multiply;
  font-size: 12rem;
  font-weight: 700;
  position: absolute;
  top: 30vh;
  left: 10vw;
  margin: auto;
  animation: lights 5s 750ms linear infinite;
  /*z-index: 10;*/
}