body{
color: #40514e;    margin:0 ;
    text-align: center;
    font-family: 'Merriweather', serif;
}
h1
{    color: #66bfbf;
    margin:50px auto 0 auto;
    width: 20%;
    font-size: 500%;
    font-family: 'Sacramento', cursive;}
h2
{font-family: 'Pattaya', sans-serif;
font-size:250%;
color: #66bfbf;
font-weight: normal;
padding-bottom: 10px;}
h3
{font-family: 'Pattaya', sans-serif;
color: #11999e;}
a
{color: #11999e;
    font-family: 'Pattaya', sans-serif;
    margin:10px 20px;
    text-decoration: none ;
}
a:hover{ color: antiquewhite;}
hr{
    border: dotted #7cf3f3 6px;
    border-bottom :none ;
    width: 10%;
    margin: 100px auto;
}.mount
{width: 80%;}
.copyright
{
    color: #eaf6f6 ;
    font-size: 75%;
    padding: 20px 0;
}
.top
{background-color:rgb(238, 225, 225);
position: relative;
padding-top: 1px; }
.middle
{margin :100px 0;
}
.bottom
{background-color: #66bfbf;
    padding:50px 0 20px;
}
p{
    line-height: 2;
}
.skill-row
{
    width: 50%;
margin: 50px auto 100px auto;
text-align: left;
}
    .top-cloud
    {position: absolute;
    top: 500px;
right: 150px;}
 .bot-cloud
    {position: absolute;
    left: 150px;
bottom: 300px;}
 .image
 {width: 25%;
float: left;
margin-right:30px ;}  
.image2
{
    width: 25%;
float: right;
margin-right:30px ;}
.intro
{width: 30%;
margin:auto;}
.contact-me
{width:65%;
margin: 30px auto 40px;}
.btn {
    background: #609BDD;
    background-image: -webkit-linear-gradient(top, #609BDD, #204E97);
    background-image: -moz-linear-gradient(top, #609BDD, #204E97);
    background-image: -ms-linear-gradient(top, #609BDD, #204E97);
    background-image: -o-linear-gradient(top, #609BDD, #204E97);
    background-image: -webkit-gradient(to bottom, #609BDD, #204E97);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'Pattaya', sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 13px;
    text-shadow: 5px -5px 24px #000000;
    border: solid #0059A0 0;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    text-align: center;
 }
 
 .btn:hover {
    border: solid #000000 1px;
    background: #062A64;
    background-image: -webkit-linear-gradient(top, #062A64, #851B55);
    background-image: -moz-linear-gradient(top, #062A64, #851B55);
    background-image: -ms-linear-gradient(top, #062A64, #851B55);
    background-image: -o-linear-gradient(top, #062A64, #851B55);
    background-image: -webkit-gradient(to bottom, #062A64, #851B55);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-decoration: none;
 }