body {
    background: linear-gradient(270deg, #e0e0e0, #a8b5a2, #e0e0e0);
    background-size: 600% 600%;
    animation: wave 15s ease-in-out infinite;
	min-height: 100vh;
}

body::before {
    content: '';
    background: rgba(255,255,255,0.15);
    pointer-events: none;
}

@keyframes wave {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

section:not(.agenda-anno):not(.agenda-mese):not(.agenda-item):not(.agenda-data) {
    background: rgba(175, 175, 150, 0.2);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background 0.3s ease, transform 0.2s ease;
    position: relative;
}

.box-passati,
.box-futuri,
.box-tutti-eventi a,
.box-prenotazioni a {
    background: rgba(242, 242, 242, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    position: relative;
}

.box-prenotazioni a:hover,
.box-tutti-eventi a:hover {
    background: rgba(102, 187, 106, 0.4);
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
}

.box-passati::before,
.box-futuri::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);
    border-radius: 16px;
    pointer-events: none;
}

table 
{
    border-collapse: collapse;
    border: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

tr:nth-child(even)
{
    background: rgba(242, 242, 242, 0.2);
}

th,td
{
    border: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

header > nav {
	background: rgba(46, 107, 64, 0.6);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

header > nav::before {
    content: '';
    background: linear-gradient(135deg, rgba(255,255,255,0.1), transparent);
    border-radius: 16px;
    pointer-events: none;
}

header > nav li a {
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

header > nav li a:hover,
header > nav li a:focus,
header > nav li a:active {
	background: rgba(0, 0, 51, 0.8);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

#footer-menu {
	background: rgba(250, 250, 250, 0.6);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    transform: none !important;
}

footer:not(.autore-notizia) { 
    background: rgba(46, 107, 64, 0.6);
	backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

.steamhome { 
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    margin: 20px;
    grid-template-areas:
        "weirdislandvr earlyquest2 earlyquest";
}

.weirdislandvr { grid-area: weirdislandvr; }
.earlyquest2 { grid-area: earlyquest2; }
.earlyquest { grid-area: earlyquest; }

.steamhome a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.steamhome img {
    width: 75%;
    max-width: 500px;
    border-radius: 15px;
}

@media (max-width: 1920px) {
	.steamhome { 
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
        "weirdislandvr weirdislandvr"
        "earlyquest2 earlyquest";
	}
}

@media (max-width: 700px) {
	section {
		margin: 20px auto;
		max-width: 1200px;
	}
	
	.steamhome { 
		grid-template-columns: 1fr;
		grid-template-areas:
			"weirdislandvr"
			"earlyquest2"
			"earlyquest";
	}
}

@media (max-width: 500px) {
	* {
	  box-sizing: border-box;
	  overflow-wrap: break-word;
	}
	
	table,
	tbody,
	tr,
	td {
		display: block;
		width: 100%;
	}

	tr {
		margin-bottom: 15px;
		border-bottom: 1px solid #ccc;
	}

	td {
		text-align: center;
	}

	td img {
		width: 100%;
		height: auto;
	}
}