/* desktop 1440+*/
.int
	{
	max-width:calc(min(100vw - var(--barrascorr),1024px));	/*should really remain this small?*/
	margin-left:auto;
	margin-right:auto;
	}

#menubar:has(#menuh:hover)::before
	{
	left:auto;
	z-index:auto;
	}

#menuh
	{
	min-height:0;
	position:static;
	background:none;
	}

#menu
	{
	display:flex;
	}

#menuh.popped #menu
	{
	z-index:auto;
	width:auto;
	padding:0;
	display:flex;
	position:static;
	padding-top:10px;
	background-color:unset;
	}

#menu li
	{
	text-align:center;
	}

#menuh.popped #menu > li
	{
	display:unset;
	margin-bottom:0;
	text-align:unset;
	}

#menuh.popped #menu  > li a
	{
	color:currentcolor;
	}

.boxes
	{
	--spazioh:20px;
	--spaziov:20px;
	
	width:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	row-gap:var(--spazioh);
	column-gap:var(--spaziov);
	margin-bottom:var(--spaziov);
	}

.twocols > #corpo
	{
	display:flex;
	gap:var(--spaziov);
	flex-direction:column;
	width:calc((100% - var(--spazioh)) / 3 * 2);
	}

.twocols > #corpo .box img
	{
	}

.twocols > aside
	{
	display:flex;
	gap:var(--spaziov);
	flex-direction:column;
	width:calc((100% - var(--spazioh)) / 3);
	}

.twocols > aside .box
	{
	flex:0;
	}

.twocols > aside #blogcats .boxp > a
	{
	color:inherit;
	}

.twocols > aside #blogcats .boxp img
	{
	border-width:4px;
	}

.twocols > aside #blogcats .boxp h3
	{
	margin-bottom:6px;
	text-transform:uppercase;
	}

.boxes.two
	{
    width:calc(((100% - (2 * var(--spazioh))) / 3) * 2 + var(--spazioh));
    }

.box
	{
    aspect-ratio: 300 / 408;
    flex-basis:calc((100% - (2 * var(--spazioh))) / 3);
    }
    
.boxes.paint .box
	{
	aspect-ratio: 300 / 344;
	}

.box.two,
.boxes.two .box.three
	{
	aspect-ratio: 620 / 408;
    }
    
.box.two
	{
    flex-basis:calc(((100% - (2 * var(--spazioh))) / 3) * 2 + var(--spazioh));
    }
    
.boxes.paint .box.two
	{
	aspect-ratio: 620 / 344;
	}

.box.three
	{
    aspect-ratio: 940 / 408;
    }
    
.boxes.paint .box.three
	{
    aspect-ratio: 940 / 344;
    }
    
.box.three,
.boxes.two .box.two
	{
    flex-basis:100%;
    }

#area h1,
#doc h1
	{
	margin-bottom:120px;
	}

#area h1,
#area h2,
#doc h1,
#doc h2
	{
	font-size:56px;
	}

div.edittable > div
	{
	flex-direction:row;
	}

#area.box,
#doc.box
	{
	max-width:none;
	padding-left:75px;
	padding-right:75px;
	padding-bottom:100px;
	}

#copy span
	{
	display:inline;
	}

#copy  .int > span:first-child::after
	{
	content:" | ";
	}

#poptit
	{
	display:flex !important;
	}

#popimgc
	{
	--spaziovert: 160px;
	}

#popimgc
	{
	top: 60px !important;
	}
	
#lb_login > div
	{
	scrollbar-gutter:unset;
	}

#login_c h1
	{
	padding:0 30px;
	font-size:22px;
	text-align:center;
	margin-bottom:20px;
	font-family:PoppinsB;
	}
	
#login_c #corpoint > div
	{
	text-align:center;
	}
	
#login_c #corpoint > div:first-of-type
	{
	padding:40px 30px;
	border-bottom:1px solid var(--colorelinee);
	}
	
#login_b
	{
	padding:0 30px;
	min-width:540px;
	border-bottom:1px solid var(--colorelinee);
	}

#lostpl_b
	{
	display:block;
	text-align:center;
	}
	
#lostpl_b + br
	{
	display:none;
	}	
	
#login_b input
	{
	width:100%;
	height:50px;
	font-size:16px;
	padding:13px 20px;
	margin-bottom:40px;
	font-family:inherit;
	border-width:1px;
	border-style:solid;
	border-color:var(--colorelinee);
	}

#login_b span.reveal
	{
	width:100%;
	height:50px;
	border-width:1px;
	margin-bottom:40px;
	border-style:solid;
	display:inline-block;
	border-color:var(--colorelinee);
	}

/*
#login_b span.reveal:has(input:-internal-autofill-selected)
	{
	background-color:-internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important
	}
*/
	
#login_b span.reveal input
	{
	width:calc(100% - 40px);
	padding:13px 0 13px 20px;
	margin-bottom:0;
	font-family:inherit;
	border:0;
	}

#login_b span.reveal input[type="text"] + a img
	{
	filter:brightness(0) saturate(100%) invert(80%) sepia(11%) saturate(6650%) hue-rotate(165deg) brightness(91%) contrast(93%);
	}
	
#login_b button
	{
	width:100%;
	max-width:none;
	height:40px;
	margin:40px 0;
	}

#loginlogo
	{
	width:50px;
	height:auto;
	margin:30px auto 0 auto;
	
	}