.navbar {
   
    color: #fff; /* Colore del testo bianco */
    padding: 20px 10px; /* Aumenta il padding per rendere la navbar più grande */
}

.navbar-brand {
    font-size: 1.5rem; /* Aumenta la dimensione del font del brand */
    font-family: 'Inter', sans-serif;
    color: white
}

.navbar .nav-link {
    font-size: 1.2rem; /* Aumenta la dimensione del font dei link */
    color: #fff; /* Colore del testo dei link */
    font-family: 'Inter', sans-serif;
}

.navbar .nav-link:hover {
    color: #ddd; /* Colore del testo dei link al passaggio del mouse */
    font-family: 'Inter', sans-serif;
}

.navbar-toggler {
    border-color: #fff; /* Colore del bordo del pulsante */
    font-family: 'Inter', sans-serif;
}

.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    /* Colore bianco per l'icona del pulsante */
}

        
@media (min-width: 992px) {
    #navbarSupportedContent {
        margin-left: 400px; /* Personalizza qui il margine per i dispositivi desktop */
    }
    #title {
        margin-left: 400px;
        font-size: 40px;
    }
    #intestazione {
        font-family: 'Arial', sans-serif;
        font-size: 40px;
        color: rgb(255, 0, 0);
        padding: 20px;
        font-weight: bold;
    }
}

@media (max-width: 768px) {
    #intestazione {
        margin-top: 40px;
        font-size: 40px;
        color: rgb(255, 0, 0);
        padding: 20px;
        font-weight: bold;
    }
    .buttons {
        text-align: left; /* Allinea il testo a sinistra su dispositivi mobili */
    }
    .buttons span {
        display: block; /* Assicura che la descrizione sia sotto il titolo */
    }
}

.social-buttons {
    position: fixed;
    top: 35%;
    left: 20px;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 5000
}

.social-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 8px 0;
    color: #fff;
    background-color: #ed4245;
    border-radius: 15px;
    text-decoration: none;
    transition: transform .3s ease
}

.social-button:hover,.social-button:focus {
    transform: scale(1.05)
}

.social-button svg,.social-button i {
    width: 50%;
    fill: #fff;
    color: #fff;
    font-size: 120%
}

.social-button.telegram {
    background-color: #2aabee
}

.social-button.discord {
    background-color: #7289da
}

.social-button.instagram {
    background: linear-gradient(315deg,#833ab4,#fd1d1d,#fcb045)
}

.social-button.youtube {
    background-color: #cd201f
}

.social-button.tiktok {
    background-color: #000
}

.social-text {
    display: none;
    position: absolute;
    left: 100%;
    white-space: nowrap;
    margin-left: 10px;
    color: #fff;
    font-weight: 900
}

.social-button:hover .social-text {
    display: inline
}

.social-button.telegram:hover .social-text {
    color: #2aabee
}

.social-button.discord:hover .social-text {
    color: #7289da
}

.social-button.instagram:hover .social-text {
    color: #c13584
}

.social-button.tiktok:hover .social-text {
    color: #000
}

.social-button.youtube:hover .social-text {
    color: #cd201f
}


@media(max-width: 991px) {
    .social-buttons {
        display:none
    }
}
div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: 0.25em solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    user-select: none;
}

#play {
    margin: 100px 0;
}
section {
    position: relative;
    margin: 100px 0 74px;
    z-index: 1;
}
*, ::after, ::before {
    box-sizing: border-box;
}
user agent stylesheet
section {
    display: block;
    unicode-bidi: isolate;
}