@font-face {
    font-family: 'Mirable';
    src: url('../fonts/Mirable.otf') format('opentype'),
             url('../fonts/Mirable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.main {
    font-family: 'Mirable', sans-serif;
}
.pulse {
    text-shadow: 0 0 20px #0ba6da, 0 0 80px #0ba6da;
    animation: pulse-shadow-text 2s infinite alternate;
}

@keyframes pulse-shadow-text {
    0% {
        text-shadow: 0 0 20px #48C69E, 0 0 80px #48C69E;
    }
    100% {
        text-shadow: 0 0 20px #0ba6da, 0 0 80px #0ba6da;
    }
}

.box {
    background-color: #0ba6da;
    cursor: pointer;
    box-shadow: 0 0 10px #0ba6da, 0 0 40px #0ba6da;
    transition: background-color 0.3s ease-in-out;
}
.box:hover {
    transition: background-color 0.3s ease-in-out;
    background-color: #48C69E;
    animation: pulse-shadow 2s infinite alternate;
}

@keyframes pulse-shadow {
    0% {
        box-shadow: 0 0 10px #48C69E, 0 0 40px #48C69E;
    }
    100% {
        box-shadow: 0 0 10px #0ba6da, 0 0 40px #0ba6da;
    }
}

.discord-box {
    background-color: #5865F2;
    cursor: pointer;
    box-shadow: 0 0 10px #5865F2, 0 0 40px #5865F2;
    transition: background-color 0.15s ease-in-out;
}
.discord-box:hover {
    transition: background-color 0.15s ease-in-out;
    background-color: #8D96F6;
    animation: pulse-shadow-discord 2s infinite alternate;
}

@keyframes pulse-shadow-discord {
    0% {
        box-shadow: 0 0 10px #5865F2, 0 0 40px #5865F2;
    }
    100% {
        box-shadow: 0 0 10px #8D96F6, 0 0 40px #8D96F6;
    }
}