html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

header {
    background-color: mediumaquamarine;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 8vh;
    padding-left: 2%;
    padding-right: 2%;
    color: white;
}

/* creo le classi per i font  */
.boldonse {
    font-family: "Boldonse", system-ui;
    font-weight: 400;
    font-style: normal;
}

.work-sans {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.hero {
    background-color: cornsilk;
    height: 92vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: mediumaquamarine;   
}

ul {
    list-style: none;
}

li {
   padding-top: 0.5%;
   padding-bottom: 0.5%;
}

#menu {
    /* all'inizio non si vede  */
    display: none;

}

.menu {
    cursor: pointer;
}


.menu-lista > ul > li {
    text-align: center;
}


footer {
    height: 13vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.logoScuola {
    height: 13vh;
    display: flex;
    align-items: center;
}

.imgLogo {
    height: 80%;
}

.info > a {
    text-decoration: none;
    background-color: cornsilk;
    color: mediumaquamarine;
    padding: 10px 8px;
    border-radius: 10px;
}

/* seleziono i tre div dentro al footer  */
footer > div {
    /* specifico la larghezza dei tre div nel footer e li metto in mezzo  */
    width: 33.33333%;
    display: flex;
    justify-content: center;
}

.inizio {
    height: 100vh;
    display: flex;
    /* se non ci stai, vai a capo  */
    flex-wrap: wrap;
    justify-content: center; /* centro i rettangoli nella pagina */
    align-items: center;
    
}

.contenitore1 {
    width: 40%;
    background-color: palegreen;
    height: 35%;
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* animazione quando passo con il mouse sui contenitori  */
.contenitore1:hover {
    transition: 0.3s;
    background: url(./imma/playlist.png) center/cover no-repeat;
    color: transparent;
}

.contenitore2 {
    width: 40%;
    background-color: palegreen;
    height: 35%;
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* animazione quando passo con il mouse sui contenitori  */
.contenitore2:hover {
    transition: 0.3s;
    background: url(data:image/jpeg;base64,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) center/cover no-repeat;
    color: transparent;
}

.contenitore3 {
    width: 40%;
    background-color: palegreen;
    height: 35%;
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* animazione quando passo con il mouse sui contenitori  */
.contenitore3:hover {
    transition: 0.3s;
    background: url(https://dimages2.gazzettaobjects.it/files/image_768_434/uploads/2022/04/01/6246fb69b564b.jpeg) center/cover no-repeat;
    color: transparent;
}

.contenitore4 {
    width: 40%;
    background-color: palegreen;
    height: 35%;
    margin: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* animazione quando passo con il mouse sui contenitori  */
.contenitore4:hover {
    transition: 0.3s;
    background: url(https://us.123rf.com/450wm/mitand73/mitand732201/mitand73220100078/181186025-vecchi-dispositivi-elettronici-su-sfondo-scuro-il-concetto-di-riciclaggio-e-smaltimento-dei-rifiuti.jpg?ver=6) center/cover no-repeat;
    color: transparent;
}

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

/* personalizzo il riquadro del curriculum  */
.curriculum {
    width: 65%;
    padding: 20px;
    border: 1px solid black;
}

.intestazione {
    text-align: center;
}

.fascia-download {
    background-color: palegreen;
    width: 100%;
    height: 10vh;
    margin-top: 3vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottone {
    background-color: mediumaquamarine;
    color: palegreen;
    font-family: "boldonse";
    border-radius: 15px;
    padding: 10px 20px;

}

a {
    text-decoration: none;
}

.bottone:hover {
    background-color: palegreen;
    color: mediumaquamarine;
    border: 1px solid mediumaquamarine;
    font-family: "boldonse";
    padding: 10px 20px;
    border-radius: 15px;
}

.bonus {
  height: 50vh;
}


.testo {
    text-align: center;
    width: 60%;

}

.intro-stage {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5%;
    padding-bottom: 5%;
}

.relazione-terza {
    display: flex;
    background-color: rgba(113, 242, 242, 0.727);
    

}

.sx, .dx{
    width: 50%;
    padding: 5%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    
}

.immagine {
    width: 80%;
    padding: 3%;
}

.relazione-secondo {
    display: flex;
    background-color: lightgreen;

}


.intro-stage {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(213, 230, 230, 0.727);
}