@import url(https://fonts.bunny.net/css?family=albert-sans:500,800);

body {
    font-family: 'Albert Sans', Arial, sans-serif;
    background: #eaf2ef;
}

.text-berry {
    color: #912f56;
}

#fn-button {
    width: 18rem;
    height: 18rem;
    box-shadow: 6px 6px 15px -5px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 6px 6px 15px -5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 6px 6px 15px -5px rgba(0, 0, 0, 0.75);
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#fn-button:hover {
    cursor: pointer;
}

#fn-button:active {
    box-shadow: 6px 6px 15px -5px rgba(0, 0, 0, 0.75) inset;
    -webkit-box-shadow: 6px 6px 15px -5px rgba(0, 0, 0, 0.75) inset;
    -moz-box-shadow: 6px 6px 15px -5px rgba(0, 0, 0, 0.75) inset;
}

#fn-button-text {
    font-size: 6rem;
}