.guessme-zodiac {
    font-family: Velezodiac, sans-serif;
}

.guessme-gray {
    color: #adadad;
}

.guessme-slide {
    margin: 10px;
}

.guessme-slide .guessme-container {
    box-shadow: 0 2px 4px 2px rgba(230,230,230,1);
    box-sizing: border-box;
}

.guessme-status {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto;
    width: 160px;
    text-align: center;
    border-radius: 16px;
    color: #ffffff;
    font-style: italic;
}

.guessme-status.green {
    background: #169216;
    color: white;
}

.guessme-status.red {
    background: #ff3f5a;
    color: white;
}

.guessme-status.yellow {
    background: #ffc107;
    color: white;
}

.guessme-status.black {
    background: #656565;
    color: white;
}

.guessme-slide .guessme-container .guessme-profile-photo img {
    width: 100%;
    height: 100%;
}

.guessme-slide .guessme-container .guessme-profile-info {
    background: #ffffff;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.guessme-slide .guessme-actions {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.guessme-slide .guessme-actions .guessme-skip {
    width: 45%;
}

.guessme-slide .guessme-actions .guessme-like {
    width: 45%;
}

.guessme-collage {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.guessme-collage img {
    width: 100%;
    height: 100%;
}

.guessme-tablet-slides {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.guessme-large-slide {
    position: relative;
}

.guessme-match-bg {
    background-image: url('/media/img/bg-birthday.jpg')
}