.center{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.contents{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contents .logo{
    display: flex;
    justify-content: center;
    align-items: center;
}
.contents .logo img{
    width: 15em;
    height: auto;
    user-zoom: none;
}
.contents #icons{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 22em;
}
.contents #icons a{
    text-decoration: none;
}
.contents #icons i{
    font-size: 3.5em;
}
.contents #icons #green{
    color: #dfe5c6;
}
.contents #icons #yellow{
    color: #ede4be;
}
.contents #icons #blue{
    color: #bee2ed;
}
.contents #icons #pink{
    color: #edbece;
}