html{height:100%}body{margin:30px 0px;text-align:center;font-family:"Lato";background:#895f8e;background:linear-gradient(#895f8e,#fff) no-repeat}.article{width:75%;padding:5px 30px;background:#f6f6f6;text-align:left;margin:auto;margin-top:30px;border-radius:10px;border:2px solid #000;box-shadow:5px 5px 12px #666;transition: background 2s, color 2s}.article:hover{background:#aaa;color:#666}a{color:#000}@media screen and (max-width:770px){.article{width:80%}body{margin:10px 0px}}@-moz-keyframes rotatebox /*--for firefox--*/{

    from{
        -moz-transform:rotate(0deg);
    }       
    to{
        -moz-transform:rotate(360deg);
    }                       

}@-webkit-keyframes rotatebox /*--for webkit--*/{

    from{
        -webkit-transform:rotate(0deg);
    }       
    to{
        -webkit-transform:rotate(360deg);
    }                       

}