body 
{ 
  font-size:30px;
  background-image: url('3.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed; 
  background-size: 100% 100%;
}

a.ex2:hover, a.ex2:active {font-size: 110%;}

/* unvisited link */
a:link {
  color: grey;
}

/* visited link */
a:visited {
  color: darkgrey;
}

/* mouse over link */
a:hover {
  color: black;
}

/* selected link */
a:active {
  color: darkgrey;
} 
.button
{
 text-decoration:none;
 background-color: Mistyrose;
 font-family:georgia;
 display:block;
 width:200px;
 margin:20px;
 padding:20px;
 border:5px inset white;
 border-radius:25px 10px 20px 10px;
 text-align:center;
 height:100px;
 line-height:50px;
 font-size: 25px;
 box-shadow: 0 2px #ffffff;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1
{
    background-color: Thistle; 
    color: black; 
}

.button1:active
{
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.button1:hover 
{
    background-color: #E6E6FA;
    color: white;
}

.button2
{
    background-color: Plum; 
    color: black; 
}

.button2:active
{
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.button2:hover 
{
    background-color: #FFF0F5;
    color: white;
}

.button3
{
    background-color:Pink; 
    color: black; 
}

.button3:active
{
    box-shadow: 0 5px #666;
    transform: translateY(4px);
}

.button3:hover 
{
    background-color: #FFEFD5;
    color: white;
}

.button4
{
    background-color:wheat;
    color: black;
}

.button4:active 
{
    box-shadow: 0 5px;
    transform: translateY(4px);
}

.button4:hover 
{
background-color: #BC8F8F;
}

h1
{
 background-color: rosybrown;
 color:white;
 font-size:60px;
}