.button {
  background-color: #FFF7F4;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.hr-double {
	margin: 20px 0;
	padding: 0;
	height: 1px;
	border: none;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

   TABLE {
    width: 100%; /* Ширина таблицы */
    height: 100%; /* Высота таблицы */   
   /* border: 4px solid black;*/
}

A {
   text-decoration:none
  }

#instruction {
    font-size: 1.15em;
    color: #df0000;
    font-weight: 700;
    text-shadow: 1px 1px 2px #999;
    text-transform: uppercase;
}
a:link {font-size:12px; color:#df0000;//Red
}
a:visited {font-size:12px; color:#df0000;//DarkRed
}
a:hover {font-size:12px; color:#df0000;Tomato
}

@font-face {
font-family: 'Classica One';
src: url('http://wien.pp.ua/osvita/ttf/Classica_One.ttf');
}

.text_effect {
font-family: 'Classica One';
color: rgb(133, 19, 4);
font-size: 36px;
background-color: rgb(255, 255,255);
text-shadow: rgb(3, 3, 3) 4px 4px 4px;

}

<p class="text_effect">Ваш текст</p>

@font-face {
font-family: 'Margarita script';
src: url('http://wien.pp.ua/osvita/ttf/Margarita_script.ttf');
}

.text_effect {
font-family: 'Margarita script';
color: rgb(242, 48, 48);
font-size: 10px;
background-color: rgb(255, 255, 255);
text-shadow: rgb(3, 3, 3) 4px 4px 4px;
}



<p class="text_effect">Ваш текст</p>