index-page {

position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: url(/public/img/mongo.png) center center no-repeat transparent;

}

home-title {

margin-top: 2rem;
.sign-frame {
    border: 3px solid rgba(234, 234, 234, 0.5);
    border-radius: 50%;
    width: 128px;
    height: 128px;
    margin: auto;
    padding: 3px;
    cursor: pointer;
    @include transition (all 0.5s ease);

    &:hover {
        border-color: rgba(234, 234, 234, 1);
    }

    &.checked {
        border-color: $color-main;
    }

    img {
        border-radius: 50%;
        max-width: 100%;
    }
}

}

vcard {

text-align: center;
cursor: default;

} .vc-greeting {

font-family: $font-family-serif;
font-style: italic;
font-size: 2rem;
color: $color-gray-lighter;
margin: 0;

} .vc-name {

font-family: $font-family-sans-serif;
font-weight: $font-extra-bold;
font-size: 3rem;
text-transform: uppercase;
margin: 0;

.alias {
    color: $color-gray-lighter;
    @include transition (all 0.5s ease);

    &:hover {
        color: $color-main;
    }
}

} .vc-description {

font-family: $font-family-serif;
font-size: 1rem;
color: $color-gray-lighter;
margin: 1em;

}

search-container {

margin-top: 3.6rem;

} results-container {

padding: 1em 0.5em 0;
list-style: none;

li {
    margin-bottom: 0.25rem;

    &:before {
        content: "ยป";
        margin-right: 0.5em;
    }
    &:hover {
        text-decoration: none;
    }
    a {
        @include set-font($font-family-serif, 1rem, $color-gray-darker);
    }
}

}