@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@500&display=swap');
html, body
{
	margin:0;
	padding:2px;
	background-color: aliceblue;
	font-family: 'Comfortaa'
}
/* index page - desktop*/
.index_cont{
	width:70vw; text-align:center; margin:auto;
	max-width: 1200px;
}
.index_grid{
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    grid-gap: 0.5rem;
    grid-auto-flow: dense;
}
.index_grid_item{
	border:1px solid #000;
	display:flex; flex-direction:column;
}
#wordpress{
	grid-row: span 2;
}
#dtrans{
	grid-column: span 2;
}
#xVariabilis{
	grid-row:span 2;
}
#logo{
	grid-column: span 2;
    grid-row: span 2;
	display: flex;
    align-items: center;
	justify-content: center;
	padding:2px;
}
#logo img{
	width:100%;
}

/**/
@media only screen and (hover: none),(pointer:none), (pointer:coarse){
	.index_cont{
		width:98vw;
	}
}