#tf1 {
  font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  font-size: 20px;
  padding: 8px 5px;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility;
}
  
.elegantshadow {
    color: black;
    
    background-color: #325c94;
    letter-spacing: .15em;
    text-shadow: 
      1px -1px 0 #ffffff, 
      -1px 2px 1px #ffffff;
  }
.deepshadow {
    color: green;
    /*background-color: #e7e5e4;*/
    letter-spacing: .1em;
    text-shadow: 
      0 -1px 0 #fff, 
      0 1px 0 #2e2e2e, 
      0 2px 0 #2c2c2c, 
      0 3px 0 #2a2a2a, 
      0 4px 0 #282828, 
      0 5px 0 #262626, 
      0 6px 0 #242424, 
      0 7px 0 #222, 
      0 8px 15px rgba(0, 0, 0, 0.9);
  }
.insetshadow {
    color: #202020;
    background-color: #2d2d2d;
    letter-spacing: .1em;
    text-shadow: 
      -1px -1px 1px #111, 
      2px 2px 1px #363636;
  }
.retroshadow {
    color: #2c2c2c;
    letter-spacing: .05em;
    text-shadow: 
      4px 4px 0px #d5d5d5, 
      7px 7px 0px rgba(0, 0, 0, 0.4);
  }