.cus-nav-bg {
    background-color: #F8EDEB;
}

.cus-nav-name {
    font-family: 'Lobster', sans-serif;
    color: #FFAFCC;
}

.cus-button {
    border: 1px solid #FFAFCC;
    text-decoration: none;
    background-color: #FFAFCC;
    color: white;
}

.cus-button:hover {
    color: white;
}

.cus-bgcolor-primary {
    background-color: #FFAFCC;
    border-color: #FFAFCC;
    color: white;
}

.cus-bgcolor-primary:hover {
    background-color: #FFAFCC;
    border-color: #FFAFCC;
}

.card {
    border: none;
}

.cus-ftcolor-primary {
    color: #FFAFCC;
}

.rectangle {
    display: inline-block;
    background-color: #FFAFCC;
    width: 10px;
    height: 30px;
}

.rectangle-small {
    display: inline-block;
    background-color: #FFAFCC;
    width: 5px;
    height: 20px;
}

.rectangle-horizon-whitespace {
    display: inline-block;
    width: 100px;
    height: 5px;
}

.rectangle-horizon {
    display: inline-block;
    background-color: #FFAFCC;
    width: 100px;
    height: 5px;
}

.circle-link {
    display: inline;
    width: 50px;
    height: 50px;
    border-radius: 999em;
    background-color: #FFAFCC;
}