@font-face {
    font-family: "ArticulatCF-Regular";
    src: url("../fonts/main.woff2") format("woff2"),
        url("../fonts/main.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "ArticulatCF-Regular";
}

.notification {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.notification.show {
    opacity: 1;
    transform: translateY(0);
}

.notification.hide {
    opacity: 0;
    transform: translateY(-20px);
}