/*Almanacco Penelope iltelaiodipenelope.it */    
body {
background-color:transparent;
overflow:hidden;
padding:0;
margin: 0;
}
@font-face {
   font-family: 'Georgia', serif;
   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-img{
position: relative;
background-image: url('/gadget/almanacco/natale/images/xmas_angels.png');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 219px; 
height: 537px;
text-align: center;
box-sizing: border-box;
}  
.box-contenuto {
display: flex;
flex-direction: column;
align-items: center;
position: absolute;
padding: 0px;
top: 66px;
left: 9px;
width: 198px; 
height: 393px;
box-sizing: border-box;
}
.almanacco{
position: absolute;
text-align: center; 
font-family: 'Georgia', serif;
line-height: 1.3;
font-size: 12px;
color: #7c5f4a; 
margin: auto;
}
.testo {
font-family: 'Georgia', serif;
line-height: 1.3;
font-size: 12px;
color: #7c5f4a;
margin-top: 8px;
margin-bottom: 4px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.testo_scuro {
font-family: 'Georgia', serif;
line-height: 1.3;
font-size: 12px;
color: #604939;
margin-top: 6px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.testo_strong {
font-family: 'Georgia', serif;
line-height: 1.3;
font-size: 12px;
color: #7c5f4a;
font-weight: bold;
margin-top: 8px;
margin-bottom: 0px;
}
.titolo-aforismi {
font-family: 'Georgia', serif;
line-height: 1.3;
font-size: 12px;
color: #7c5f4a;
font-weight: bold;
margin-top: 8px;
margin-bottom: 1px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.testo-aforismi {
width: auto;
height: 75px;
margin: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
font-family: 'Georgia', serif;
line-height: 1.3;
font-size: 12px;
color: #7c5f4a;
font-style: italic;
overflow: hidden;
white-space: pre-line;
}
.telaio-credits {
position: absolute;
width: 60px;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
}  
a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: 'Georgia', serif; 
font-size: 10px;
color: #7c5f4a; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: 'Georgia', serif; 
font-size: 10px;
color: #7c5f4a; 
}
a:hover {
text-decoration: underline; 
color: #8a5f40;
}
.pioggia {
position:absolute;
left:0;
top:0;
width:180%;
height:500px;
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(500px); }
}