styles.css

@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin");
@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css");
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

body {
    background-color: rgb(230, 230, 230);
}

body:after {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    background-color: rgb(255, 251, 242);
    background-size: 12px;
    background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27%23fff8e8%27%20width%3D%2712px%27%20height%3D%2712px%27%20viewBox%3D%270%200%2012%2012%27%20enable-background%3D%27new%200%200%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M12%2C2.121V0H9.879L0%2C9.879V12h2.121L12%2C2.121z%20M9.879%2C12L12%2C9.879V12H9.879z%20M0%2C2.121V0h2.121L0%2C2.121z%27%2F%3E%0A%3C%2Fsvg%3E");
    content: '';
    z-index: -1;
    animation: changecolor 10s infinite;
}

main {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 450px;
    margin: -210px 0 0 -225px;
}

main img {
    display: block;
    margin: 0 auto;
    border-radius: 25%;
    border: 2px solid #6A6A6A;
    margin-bottom: 20px;
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
}

.links {
    font-weight: bold;
}

@keyframes changecolor {
  from, to {
    background-color: rgb(255, 248, 232); }
  10%, 90% {
    background-color: rgb(255, 249, 236); }
  20%, 80% {
    background-color: rgb(255, 250, 241); }
  30%, 70% {
    background-color: rgb(255, 252, 245); }
  40%, 60% {
    background-color: rgb(255, 253, 250); }
  50% {
    background-color: rgb(255, 255, 255); } }

@media only screen and (max-device-width: 480px) {
    main {
        width: 300px;
        margin: -210px 0 0 -150px;
    }
}