:root {
    --aqblue: #1a2d49;
    --aqbrown: #d2d1b4;	
}

@media (prefers-color-scheme: light) {
    body {
		background-image: linear-gradient(
			rgb(255, 255, 255),  
			rgba(255, 255, 255, 1)
			),url('/ui_images/background-net.png');  
		font-size: 125%;  
		font-family: Calibri;
		color: #202040;
    }

    a:hover{
        color: darkblue
    }
}


@media (prefers-color-scheme: dark) {
    body {
		background-color: #1b1c21 !important;
		font-size: 125%;  
		font-family: Calibri;		
    }	 
	
	a {
		color: lightskyblue;		
	}
    a:hover {
        color: rgb(44, 97, 167);
    }
}

  
.front-page-circle {
    height: 75px;
    width: 75px;
    background-color: white;
    border-radius: 50%;
    display: inline-block;  
    line-height: 85px; 
    font-size: 26pt;
}

.front-page-box .title  {    
    text-transform: uppercase;
    text-shadow: 1px 1px #333333;
    font-size: 16pt;
}

.front-page-box  {
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;    
    z-index: 1;
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,0.5);
    padding-bottom: 4rem;
}

.front-page-box:hover {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 10000;

}

footer.footer {
    background: var(--aqblue);
    color: var(--aqbrown);    	
}

.grid .box:last-child{
	margin-bottom: var(--bulma-block-spacing) !important;
}