@font-face {
    font-family: TitleFont;
    src: url(../fonts/Nexa-Heavy.ttf);
}

html {
    font-size: 10px;
}

body {
    background-image: url("../immagini/common/background.jpg");
}

.italian-flag {
    background-image: url("../immagini/common/italian.png");
}

.english-flag {
    background-image: url("../immagini/common/english.png");
}

.french-flag {
    background-image: url("../immagini/common/french.png");
}

.german-flag {
    background-image: url("../immagini/common/german.png");
}

.lang-btn {
    width: 8rem;
    height: 4rem;
    background-size: cover;
    display: block;
    box-shadow: 0px 0px 10px black;
}

.main-body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.section-1 {
    padding-top: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.section-7 {
    padding: 0;
    background-image: url("../immagini/common/bologna.jpg");
    background-position: center;
}

.titolo, .grazie, .benvenuti {
    text-align: center;
    font-family: 'TitleFont';
    font-size: 4rem;
    color: #000;
}

.titolo {
    color: #fff;
    font-weight: normal;
    margin-top: 4rem;
}

.decimo-testo {
    text-align: center;
    font-family: 'TitleFont';
    font-size: 3rem;
    color: #000;
    margin-top: 3rem;
    margin-bottom: 6rem;
}

.sottotitolo {
    text-align: center;
    font-family: sans-serif;
    font-size: 2rem;
    color: #fff;
    margin-top: 15rem;
}

.immagine-appartamento-container {
    width: 100%;
}

.immagine-appartamento {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.section {
    position: relative;
    width: 100%;
    height: 100vh;
    scroll-snap-align: start;
}

.section-7 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.section {
    color: white;
}

.section-2, .section-3, .section-4, .section-5, .section-6 {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}

.section-2 .top-part, 
.section-2 .bottom-part, 
.section-3 .top-part, 
.section-3 .bottom-part, 
.section-4 .top-part, 
.section-4 .bottom-part, 
.section-5 .top-part, 
.section-5 .bottom-part {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.section-2 p, .section-3 p, .section-4 p, .section-5 p, .section-6 p {
    font-family: sans-serif;
    font-size: 1.6rem;
    width: 40%;
    margin: 0 3rem;
}

.image-container {
    padding: 2rem;
    background-color: #ffd337;
    width: 26%;
}

.immagine-1, .immagine-2, .immagine-3, .immagine-4, .immagine-5, .immagine-6, .immagine-7, .immagine-8, .immagine-9, .immagine-10 {
    max-width: 14rem;
    max-height: 20rem;
}

.immagine-1, .immagine-5{
    margin-bottom: -3rem;
    margin-right: -3rem;
}

.immagine-2 {
    margin-top: -3rem;
    margin-left: -3rem;
}

.immagine-4 {
    margin-top: -3rem;
    margin-right: -3rem;
}

.immagine-8 {
    margin-top: -4rem;
    margin-left: -3rem;
}

.immagine-9 {
    margin-right: -4rem;
    margin-top: -3rem;
    margin-bottom: -4rem;
}

.immagine-10 {
    margin-bottom: -3rem;
    margin-left: -3rem;
}

.immagine-3, .immagine-6, .immagine-7  {
    margin-bottom: -3rem;
    margin-left: -3rem;
}

.immagine-7 {
    position: absolute;
    bottom: 13rem;
    left: 18rem;
}

.section-6 {
    justify-content: space-between;
}

.section-6 .text-part {
    width: 100%;
    min-height: 200px;
    padding-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-6 .text-part p {
    width: 100%;
}

.section-6 .images-part {
    width: 100%;
    min-height: 400px;
}

.immagine-12, .immagine-13 {
    width: 50%;
    height: 50%;
}

.immagine-11 {
    width: 100%;
    height: 50%;
}

.final-part {
    height: 100%;
    min-height: 800px;
    width: 100%;
    backdrop-filter: blur(4px) contrast(0.4) brightness(1.5);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bottom-images {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bnbolo {
    width: 35rem;
}

.index-body {
    background-image: url("../immagini/common/bologna.jpg");
    background-size: cover;
    background-position: center;
    height: 100vh;
    width: 100%;
    margin: 0;
    padding: 0;
}

.index-body p {
    margin: 0;
    font-size: 4rem;
    font-family: 'TitleFont';
    text-align: center;
}

.index-body .select-text {
    font-size: 3rem;
    margin-bottom: 3rem;
}

.index-body .main-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
    height: 100%;
    backdrop-filter: blur(4px) contrast(0.4) brightness(1.5);
}

.main-container .buttons {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.main-container .languages-container {
    width: 100%;
}