@font-face {
    font-family: harad; 
    src: url('../fonts/en.otf'); 
   }
body{
    background-image:url('../img/Harad2.jpg');
    background-size: cover;    
    text-align: justify;
    font-family: harad;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 2em;
    color:burlywood;
}      
    img{
    margin-top: 30px;
    margin-left: 0px;   
    border: 3px solid #d9ac4e;
    border-style:dotted;
    vertical-align: inherit;
}
h3,span{
color:saddlebrown;
}

#button_img {
    width: 173px;
    height: 60px;
    background:url('../img/button.png');
    background-position: -102px -22px;
}

#button_img:hover {
    background-position: -102px -162px;
/*    -162  -22*/
}

#button_img:active {
    background-position:-102px -92px;
}