*{
    color: var(--primary);
}

@font-face {
    font-family: voicename_bold;
    src: url(../fonts/ymy_bold.ttf);
}

@font-face {
    font-family: voicename_light;
    src: url(../fonts/ymy_light.ttf);
}

.text-sky{
    color: var(--sky);
}

.text-icon{
    color: var(--icon);
}

.button-sky{
    background-color: var(--sky);
}

.button-sky:hover{
    background-color: var(--sky);
    border: none;
    box-shadow: 0 0 10px var(--sky);
}

.button-primary{
    background-color: var(--primary);
}

.button-icon{
    background-color: var(--icon);
}

.text-custom-white{
    color: var(--white);
}

.background-custom-white{
    background-color: var(--white);
}

.background-custom-ivory{
    background-color: var(--ivory);
}

.nav-link.active{
    color: var(--primary);
}

.nav-link{
    color: var(--sky);
}

.float-bottom-right-custom{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    box-shadow: 0 0 10px var(--sky);
}