html,body{
margin:0;
padding:0;
font-family:Tahoma,Arial,sans-serif;
background:#8fdcff;
color:white;
min-height:100%;
}


/* sfondo */

body{

background:
linear-gradient(
to bottom,
#82dfff 0%,
#67cfff 30%,
#5fd4ff 60%,
#f4e7b5 100%
);

}


/* overlay */

.overlay{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:
rgba(0,100,150,.10);

pointer-events:none;

}



/* HEADER */

header{

height:150px;

margin:20px;

padding:30px;

border-radius:30px;

background:
rgba(255,255,255,.25);

border:
1px solid rgba(255,255,255,.5);

box-shadow:
0 0 20px rgba(0,120,255,.2);

}


.logo-box h1{

margin:0;

font-size:48px;

color:white;

}

.logo-box p{

margin-top:10px;

}



/* STRUTTURA */

main{

display:flex;

margin:20px;

gap:20px;

}



/* MENU */

.sidebar{

width:220px;

padding:20px;

border-radius:25px;

background:
rgba(255,255,255,.20);

border:
1px solid rgba(255,255,255,.4);

}


.sidebar ul{

list-style:none;

padding:0;

}


.sidebar li{

padding:15px;

margin-bottom:10px;

background:
rgba(255,255,255,.10);

border-radius:10px;

}



/* CENTRO */

.content{

flex:1;

}


.glass-window{

height:500px;

overflow-y:auto;

padding:30px;

border-radius:30px;

background:
rgba(255,255,255,.20);

border:
1px solid rgba(255,255,255,.4);

}



/* scrollbar */

.glass-window::-webkit-scrollbar{

width:10px;

}

.glass-window::-webkit-scrollbar-thumb{

background:#6efff1;

}



/* footer */

footer{

margin:20px;

padding:15px;

text-align:center;

border-radius:20px;

background:
rgba(255,255,255,.15);

}