html{
    margin-left: 10%;
	margin-right: 10%;
}

iframe{
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);
}

.container-griglia {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr 0.8fr;
    grid-template-rows: 0.1fr 0.1fr 0.8fr 0.1fr 0.1fr 0.1fr 0.2fr 0.2fr 0.2fr 0.2fr;
    gap: 50px 150px;
    grid-auto-flow: row;
}

.munnizza1 { 
    grid-area: 1 / 1 / 2 / 2; 
    align-content: center;
    text-align: right;
    border: 0px;

}

.titolo { 
    grid-area: 1 / 2 / 2 / 3; 
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);
}

.munnizza2 { 
    grid-area: 1 / 3 / 2 / 4;
    align-content: center;
    text-align: right;
    transform: scaleX(-1);
    border: 0px;
}

.i2p-ad { 
    grid-area: 2 / 1 / 3 / 4; 
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);

}

.links { 
    grid-area: 3 / 3 / 6 / 4; 
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 0.1fr 0.1fr;
    gap: 0px;
    grid-auto-flow: row;
}

.siti { 
    grid-area: 3 / 1 / 4 / 2;
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 0.1fr 0.1fr;
    gap: 0px;
    grid-auto-flow: row;

}
.sottocontenuto{
    grid-area: 2 / 1 / 2 / 3;
}

.imood { 
    grid-area: 5 / 1 / 6 / 2; 
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: 0.1fr 0.1fr;
    gap: 0px;
    grid-auto-flow: row;

}

.titolo-riquadro{
    grid-area: 1 / 1 / 1 / 3;
    border-bottom: var(--bordo);
}
.imood-mio{
    grid-area: 2 / 1 / 2 / 1;
    border-right: var(--bordo);
    text-align: center;
    align-items: center;
}
.imood-internet{
    grid-area: 2 / 2 / 2 / 2;
    text-align: center;
    align-items: center;
}
.descrizione { 
    grid-area: 3 / 2 / 6 / 3; 
    background-color: white;

}
.webrings { 
    grid-area: 6 / 1 / 7 / 4; 
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore); 

}
.blinkies-dynamic { 
    grid-area: 7 / 1 / 8 / 4; 
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);

}
.blinkies-static { 
    grid-area: 8 / 1 / 9 / 4; 
    border: var(--bordo);
    box-shadow: 0 0 20px var(--colore);

} 
