/* Reset di base per azzerare margini e padding di default */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Il body occupa il 100% dell'altezza dello schermo ed è lo sfondo principale */
body {
    background-color: #ffffff; /* Sfondo bianco */
    height: 100vh;            /* 100% dell'altezza del display (Viewport Height) */
    display: flex;
    justify-content: center;  /* Centra orizzontalmente */
    align-items: center;      /* Centra verticalmente */
}

/* Container del logo */
.container {
    padding: 20px;            /* Evita che il logo tocchi i bordi dello schermo sui telefoni piccoli */
    text-align: center;
}

/* Regole per rendere il logo responsive */
.logo {
    max-width: 100%;          /* Impedisce al logo di essere più grande del suo contenitore o dello schermo */
    height: auto;             /* Mantiene le proporzioni corrette dell'immagine */
    width: 400px;             /* [Opzionale] Imposta la larghezza massima desiderata su PC (es. 400px) */
}