body{
    font-family: 'Helvetica';
}

h1,h2,h3,h4{
    font-weight:normal;
    font-size:36px;
}

a{
    display:inline-block;
    background-color:blueviolet;
    color:lightgray;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 0 1px rgba(0,0,0,0);
    transition: color .3s, background-color .3s, box-shadow .3s;
}

a:hover{
    color:white;
    background-color:darkorchid;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
}

h1{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}



@-webkit-keyframes fadeIn{
    0%{
        opacity:0;
    }
    50%{
        opacity:1;
        margin-left:100px;
    }
    100%{
        margin-left:0;
    }
}

@keyframes fadeIn{
    0%{
        opacity:0;
    }
    50%{
        opacity:1;
        margin-left:100px;
    }
    100%{
        margin-left:0;
    }
}