index_style.css

body {
    background-color: #f7f7f7;
}

#poster {
    display: block;
    margin: 50px auto 0;
    width: 250px;
    height: 250px;
}

#title {
    margin: 0 auto;
    text-align: center;
    font-size: 54px;
    font-family: "Roboto";
}

#subtitle {
    margin: 0 auto 30px;
    text-align: center;
    font-size: 25px;
    font-family: "Roboto";
}

#products {
    margin: 0 auto;
}

#social {
    margin: 15px auto;
}

a {
    margin-left: 8px;
    margin-right: 8px;
    text-decoration: none;
}

img.bigger {
    width: 75px;
    height: 75px;
}

img.smaller {
    width: 45px;
    height: 45px;
}

img.desaturate:not(:hover) {
    filter: grayscale(100%);
    transition: all .5s ease-out;
}

img.desaturate:hover {
    filter: none;
    transition: all .5s ease-out;
}