/* CSS COMUNE PER TUTTE LE PAGINE */

/* Reset base */
* {
    box-sizing: border-box;
}

body {
    background-color: #f0f0f0;
    font-family: "Times New Roman", Times, serif;
    margin: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* CONTAINER PRINCIPALE - DIMENSIONI FISSE */
.main-container {
    width: 95vw;
    height: 100vh;
    background-color: white;
    border: 1px solid black;
    display: flex;
    overflow: scroll;
    flex-direction: column;
    position: relative;
    display: flex;
    align-items: stretch;
}

/* HEADER - ALTEZZA FISSA */
.header {
    height: 100px;
    
    display: flex;
    align-items: center;
    padding: 0 40px;
    position: relative;
}

/* FOOTER - ALTEZZA FISSA */
.footer {
    height: 80px;
  
    display: flex;
    align-items: center;
    padding: 0 40px;
    background-color: #fff;
    position: relative;
}

/* SEZIONE CENTRALE - ALTEZZA CALCOLATA (750 - 100 - 80 = 570px) */
.middle-section,
.main-content {
    height: 100%;
    display: flex;
    position: relative;
}