/* im not a frontend guy, dont take this seriously */
body, html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 30px;
}

a p {
    line-height: 15px;
}

.content {
    position: relative;
    transform: translateY(10%);
    text-align: center;
    font-size: 22px;
    color: #777777;
    line-height: 20px;
    padding-bottom: 20px;
}

.toptal_icon, .gruveo_icon {
    height: 27px;
}

a, .hireme, .gruveospan {
    text-decoration: none;
    color: #777777;
    transition: 0.3s color;
    -moz-transition: 0.3s color;
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
}

a.simple:hover {
    color: #f68630;
}

a.nebojte:hover {
    color: #bff38c;
}

a.jasov:hover {
    color: #ef0000;
}

a.github:hover {
    color: #333333;
}

a.instagram:hover {
    color: #875b4d;
}

a.snapchat:hover {
    color: #fffc00;
}

a.gruveo:hover {
    color: #f97361;
}

a.gruveo:hover .gruveospan {
    color: #f97361;
}

a.toptal:hover .hireme {
    color: #3863A0;
}

.toptal_icon, .gruveo_icon {
    background-color: #777;
}

a.toptal img, a.gruveo img {
    transition: 0.3s background-color;
    -moz-transition: 0.3s background-color;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
}

a.toptal:hover img {
    background-color: #3863A0;
}

a.gruveo:hover img {
    background-color: #f97361;
}