* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;
}

body {
    overflow-x: hidden;
}

    body.no-scroll {
        overflow: hidden;
    }





h1, h2, h3, h4, h5, h6 {
    font-family: 'Times New Roman', Times, serif;
}

a, span, p, input, button, li {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.page-content {
    filter: blur(8px);
    opacity: 0.5;
    transition: filter 0.6s ease, opacity 0.6s ease;
    pointer-events: none;
}


body.loaded {
    overflow-y: auto;
}

    body.loaded .page-content {
        filter: blur(0);
        opacity: 1;
        pointer-events: auto;
    }



.toast-message {
    position: fixed;
    top: 20px;
    right: -300px; /* start hidden off-screen */
    background: #1e90ff;
    color: white;
    padding: 14px 20px;
    border-radius: 8px;
    font-size: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    animation: slideInOut 5s ease forwards;
    z-index: 9999;
}

/* Slide in and slide out */
@keyframes slideInOut {
    0% {
        right: -300px;
        opacity: 0;
    }

    10% {
        right: 20px;
        opacity: 1;
    }

    90% {
        right: 20px;
        opacity: 1;
    }

    100% {
        right: -300px;
        opacity: 0;
    }
}