stylesgeet.css

* {
    list-style: none outside none;
    margin: 0 0 27px;
    padding: 0;
}

body {
    background: url(images/background.jpg) repeat;
    font-family: "Segoe UI","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Tahoma,Verdana,sans-serif;
    font-size: 15px;
    color: #CCC;
}

.main {
    background: url(images/1.jpg);
    display: block;
    margin: 250px;
}

.header {
    margin-left: 5px;
}

.header img {
    -webkit-transition: -webkit-transform 0.5s ease 0s;
    -moz-transition: -webkit-transform 0.5s ease 0s;
    -o-transition: -webkit-transform 0.5s ease 0s;
    -ms-transition: -webkit-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s;
}

.header img:hover {
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
}

.social {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social li {
    float: left;

    -webkit-transition: -webkit-transform 1.5s ease 0s;
    -moz-transition: -webkit-transform 1.5s ease 0s;
    -o-transition: -webkit-transform 1.5s ease 0s;
    -ms-transition: -webkit-transform 1.5s ease 0s;
    transition: transform 1.5s ease 0s;
}

.social li:hover {
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
}

.social li a {
    background-image: url("images/social_icon.png");
    display: block;
    height: 110px;
    position: relative;
    text-decoration: none;
    text-indent: -999999px;
    width: 110px;
}

.Linkdin {
    background-position: 0 0;
}

.Linkdin:hover {
    background-position: 0 -108px;
}

.yahoo {
    background-position: -108px 0;
}

.yahoo:hover {
    background-position: -108px -108px;
}

.google {
    background-position: -215px 0;
}

.google:hover {
    background-position: -215px -108px;
}

.friendstar {
    background-position: -322px 0;
}

.friendstar:hover {
    background-position: -322px -108px;
}

.window {
    background-position: -430px 0;
}

.window:hover {
    background-position: -430px -108px;
}

.facebook {
    background-position: -538px 0;
}

.facebook:hover {
    background-position: -538px -108px;
}

.twitter {
    background-position: -645px 0;
}

.twitter:hover {
    background-position: -645px -108px;
}