/* overwrite hover colour  */

.custom-day a:hover {
    color: #fc466b;
    text-decoration: underline;
}

.custom-day ul.icons li a:hover {
    border-color: #fc466b;
}

.custom-day ul.icons li a:hover:before {
    text-shadow: 1.25px 0px 0px #fc466b, -1.25px 0px 0px #fc466b, 0px 1.25px 0px #fc466b, 0px -1.25px 0px #fc466b;
}


/* overwrite background gradient */

.custom-night {
    background-image: linear-gradient( 20deg, rgba(80, 7, 251, 0.8) 30%, rgba(252, 70, 107, 0.8));
}


/* invert main section for dark mode */

.custom-night #main {
    background: #313f47;
}

.custom-night h1 {
    color: #ffffff;
}

.custom-night h2 {
    color: #ffffff;
}

.custom-night h3 {
    color: #ffffff;
}

.custom-night h4 {
    color: #ffffff;
}

.custom-night h5 {
    color: #ffffff;
}

.custom-night {
    color: #ffffff;
}


/* overwrite avatar schadow */

.custom-night #main .avatar img {
    box-shadow: 0 0 0 1.0em #313f47;
}