button[name='accedi2'] {
    display: none;
}

html, body {
    cursor: url(../imgs/interno/layout/cursore.png), pointer;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    background-image: url(../imgs/esterno/sfondi/index.png);
    background-size: cover;
    background-repeat: no-repeat;
    color: #b8b1a0;
}

a, a:visited, a:hover, a:active, a:link {
    color: #c1bfba;
    text-decoration: none;
    cursor: url(../imgs/interno/layout/cursore.png), pointer;
}

a:active {
    text-decoration: underline;
    cursor: url(../imgs/interno/layout/cursore.png), pointer;
}

#video {
    position: fixed;
    left: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    visibility: visible;
    background-size: cover;
}

div.logo {
    height: 25vh;
    width: 30vw;
    position: fixed;
    background-image: url(../imgs/esterno/layout/logo.png);
    background-size: 100% 100%;
    top: 4vh;
    left: 7vw;
}

span.testo-home2 {
    position: fixed;
    width: 30vw;
    top: 26%;
    font-family: times;
    font-size: 2.5vh;
    color: #dea700;
    text-align: center;
}

span.testo-home {
    position: fixed;
    width: 30vw;
    margin-top: 57vh;
    font-family: Caligo;
    font-size: 3.2vh;
    text-align: center;
}

div.box-social {
    position: fixed;
    bottom: 5%;
    left: 5%;
    display: inline-flex;
}

div.social {
    height: auto;
    width: auto;
}

div.recpass {
    position: fixed;
    font-family: 'Caligo';
    font-size: 2.5vh;
    top: 41%;
    right: 23%;
}

div.pegi {
    height: 80%;
    width: 25%;
    position: relative;
    background-size: 100% 100%;
    bottom: 80%;
    left: 15%;
}

div.portante {
    height: 100%;
    width: 46%;
    position: fixed;
    background-image: url(../imgs/esterno/layout/colonna.png);
    background-size: 100% 100%;
    top: 0;
    right: 0;
}

.iscriviti {
    background: url(../imgs/esterno/layout/iscriviti.png) no-repeat;
    background-size: 95%;
    width: 250px;
    height: 50px;
    border: 0;
    font-family: Caligo;
    font-size: 2.5vh;
    color: #afa998;
    position: fixed;
    top: 50%;
    right: 17.7%;
}

.ambientazione {
    background: url(../imgs/esterno/layout/ambientazione.png) no-repeat;
    top: 59%;
    right: 24%;
}

.regolamento {
    background: url(../imgs/esterno/layout/regolamento.png) no-repeat;
    top: 68%;
    right: 24%;
}

.provenienze {
    background: url(../imgs/esterno/layout/provenienze.png) no-repeat;
    top: 59%;
    right: 15.5%;
}

.crediti {
    background: url(../imgs/esterno/layout/crediti.png) no-repeat;
    top: 68%;
    right: 15.5%;
}

.plg {
    background-size: 70%;
    position: fixed;
    width: 160px;
    height: 60px;
    border: 0;
}

div.entra {
    height: 55px;
    width: 150px;
    position: fixed;
    background-size: 100% 100%;
    top: 20vh; /* Allinea il pulsante "Entra" con gli input */
    right: 21vw; /* Allinea il pulsante "Entra" con gli input */
}

.portante {
    animation: fadein 4s;
    -moz-animation: fadein 4s;
    -webkit-animation: fadein 4s;
    -o-animation: fadein 4s;
}

#login-form {
    position: static;
    margin-top: 35%;
    width: 220px;
}

.accesso {
    position: fixed;
    top: 22vh;
    right: 30vw;
}

input[name="login1"], input[name="pass1"] {
    background: url(../imgs/esterno/layout/barra_accesso.png);
    border: none;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 0 1vw;
    width: 11vw;
    color: #b8b1a0;
    font-size: 2vh;
    position: fixed;
    right: 21vw;
}

input[name="login1"] {
    top: 10vh; /* Posiziona l'input del login in alto */
}

input[name="pass1"] {
    top: 15vh; /* Posiziona l'input della password sotto */
}

button[name="accedi"] {
    background: none;
    border: none;
    position: fixed;
    top: 20vh; /* Allinea il pulsante "Accedi" con gli input */
    right: 21vw; /* Allinea il pulsante "Accedi" con gli input */
}

.pulsantihome {
    position: fixed;
    right: 26%;
}

.iscrivitipuls {
    margin-left: 39.5%;
    height: 5vw;
    width: 18vw;
}

.ambientazionepuls {
    margin-left: 39.5%;
    margin-top: 0;
    height: 5vw;
    width: 9vw;
}

.provenienzepuls {
    margin-left: 89%;
    margin-top: -58.5%;
    height: 5vw;
    width: 9vw;
}

.regolamentopuls {
    margin-left: 39.5%;
    margin-top: 3%;
    height: 5vw;
    width: 9vw;
}

.creditipuls {
    margin-left: 89%;
    margin-top: 3%;
    height: 5vw;
    width: 9vw;
}

@media all and (min-width: 800px) {
    input[name="login1"], input[name="pass1"] {
        height: 4vh;
        font-size: 1.6vh;
    }
}

@media all and (min-width: 1000px) {
    input[name="login1"], input[name="pass1"] {
        height: 4.5vh;
    }
}

@media all and (min-width: 1200px) {
    input[name="login1"], input[name="pass1"] {
        height: 5vh;
    }
}

@media all and (max-width: 1000px) and (min-width: 800px) {
    button[name="accedi"] {
        margin-top: 4vh;
        right: 20vw;
    }
}

@media all and (min-width: 1000px) {
    button[name="accedi"] {
        margin-top: 5vh;
        right: 23vw;
    }
}

@media all and (max-width: 1000px) {
    .pulsantihome {
        top: 51vh;
    }
}

@media all and (min-width: 1000px) {
    .pulsantihome {
        top: 45vh;
    }
}

/* Nascondi logo, testo-home e testo-home2 su schermi piccoli */
@media all and (max-width: 1000px) {
    span.testo-home {
        display: none;
    }
}

/* Ridimensiona la scritta "Recupera Password" su schermi piccoli */
@media all and (max-width: 800px) {
    div.recpass {
        font-size: 1.5vh; /* Riduci la dimensione del testo */
        top: 40vh; /* Sposta il tasto verso il basso */
        left: 70%; /* Centra il tasto orizzontalmente */
        transform: translateX(-50%); /* Centra il tasto orizzontalmente */
    }
}

/* Ridimensiona e sposta l'immagine "Entra" su schermi piccoli */
@media all and (max-width: 600px) {
    button[name="accedi"] {
        height: 30px; /* Riduci l'altezza dell'immagine */
        width: 90px; /* Riduci la larghezza dell'immagine */
        right: 25vw; /* Sposta l'immagine verso destra */
    }
}

@media all and (max-width: 600px) {
    div.logo {
        top: 2vh; /* Riduci la distanza dall'alto */
    }

    span.testo-home2 {
        top: 30%; /* Aumenta la distanza dal logo */
    }
}