@keyframes changewidth {
    from {width:100%;height:100%;margin-left:0}
    to {width:110%;height:110%;margin-left:-5%;margin-top:-5%}
}
html{width:100%;height:100%;}
body{
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    font-family: "Roboto", serif;
}
main{
    height:100%;
    width:100%;
    background:url('/img/bg.jpg') 50% 50% no-repeat;
    background-size:cover;
    animation-duration: 1s;
    animation-name: changewidth;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
footer{
    position:fixed;
    bottom:7px;
    right:8px;
    font-size:10px;
    color:#fff;
    opacity:0.3;
}
footer a{
    font-family: "Tangerine", serif;
    color:#fff;
    text-decoration:none;
    font-size:19px;
    font-weight:700;
}