/* all this CSS can be adapted to your needs */
/* Note: the html/body got 100% because if there is no surrounding of 
   the div-rotator the wiping from the outside in does not work.
   In website-embedded cases you might not need this 100%-settings. */


html,body
{
margin:0;
padding:0;
width:100%;
height:100%;
}
html,* { font-family: 'Inter'; box-sizing: border-box; }
body { background-color: #fafafa; line-height:1.6;}
.lead { font-size: 1.5rem; font-weight: 300; }
.container { margin: 150px auto; max-width: 960px; }

div#div-main
{
margin:5px auto;
max-width:100%;
text-align:center;	
}


.div-rotator
{	
margin:80px auto;
font-size:38px;
width:400px;   /* do not set height, the script resets the effective values */
height:360px;   
color:navy;
}


.div-rotator a,
.div-rotator a:link,
.div-rotator a:active
{
text-decoration:none;	
color:navy;
}

.div-rotator a:hover
{
text-decoration:underline;		
color:navy;
}

.div-rotator .small
{
font-size:80%;		
}

.div-rotator .big
{
font-size:130%;		
}

.div-rotator .medium
{
font-size:100%;		
}

.div-rotator img
{
top:-2em;	
left:-1em;	
width:4em;		
height:auto;
}

.div-rotator a img:hover
{
border-bottom:0.1em solid;
}

.infobox
{
margin-top:1em;
border:2px solid #1188cc;
background:#aaddff;
border-radius:1em;	
}