/*Almanacco realizzato da Penelope iltelaiodipenelope.it */
body {
background-color:transparent;
overflow:hidden;
padding:0;
margin: 0;
}
@font-face {
font-family: "Georgia";
src: url('/font/Georgia.ttf') format('truetype'),
        url('/font/georgia-webfont.woff2') format('woff2'),
        url('/font/georgia-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.box{
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
width: 290px; 
height: 470px;
box-sizing: border-box;
}
.almanacco{
position: absolute;
width: 100%;
text-align: center; 
font-family: "Georgia", serif; 
line-height: 1.3; 
font-size: 14px; 
color: #909753; 
margin: auto;
padding-bottom: 15px;
}
#box-stagione img {
max-width:95%;
height:auto;
box-sizing: border-box;
margin-top: 4px;
margin-bottom: 3px;
}
.testo {
font-family: "Georgia", serif;
line-height: 1.3;
font-size: 14px;
color: #909753;
margin-top: 8px;
margin-bottom: 3px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.testo_zodiaco {
font-family: "Georgia", serif;
line-height: 1.3;
font-size: 14px;
color: #be838bff;
text-align: center;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
}
.testo_scuro {
font-family: "Georgia", serif;
line-height: 1.3;
font-size: 14px;
color: #858b48ff;
text-align: center;
margin-top: 8px;
margin-left: auto;
margin-right: auto;
}
.testo_strong {
font-family: "Georgia", serif;
line-height: 1.2;
font-size: 14px;
color: #909753;
font-weight: bold;
margin-top: 8px;
}
.pioggia {
position:absolute;
left:0;
top:0;
width:180%;
height:480px;
pointer-events:none;
}
.brillantino{
position:absolute;
top:-40px;
animation: caduta linear infinite;
animation-duration: calc(5s + var(--i) * 0.5s);
animation-delay: calc(var(--i) * 0.5s);
}
@keyframes caduta{
from { transform: translateY(-40px); }
to { transform: translateY(480px); }
}