#notices{
	display:grid;
	width:100%;
	align-items:center;
	justify-content:center;
	grid-template-columns:auto max-content;
	grid-template-rows:max-content;
}

#notices #rotating-panel{
	flex-grow:2;
	background:#222;
	height:16.25rem;
	aspect-ratio:6/3;
	position:relative;
	font-family:"CuteDino", arial;
	border-radius:.75rem;
	color:white;
}

#notices #rotating-panel .rotation-dots{ 
	display:flex;
	width:100%;
	justify-content:center;
	position:absolute;
	bottom:.5rem;
}
#notices #rotating-panel .rotation-dots .dot{
	border-radius:100%;
	height:.375rem;
	width:.375rem;
	background:gray;
	margin:.188rem;
	transition:width 1s,height 1s,margin 1s,background-color 1s;
}
#notices #rotating-panel .rotation-dots .dot.active{
	border-radius:100%;
	width:.5rem;
	height:.5rem;
	background:white;
	margin:.125rem;
}

#notices #rotating-panel #rotation-panel-1:not(.firstgo),
#notices #rotating-panel #rotation-panel-2:not(.firstgo){
	transition:opacity 1.25s;
}
#notices #rotating-panel #rotation-panel-1,
#notices #rotating-panel #rotation-panel-2{
	position:absolute;left:0;right:0;
	top:0;bottom:0;
	background-size:cover;
	background-position:center;
	border-radius:.75rem;
}
#notices #rotating-panel #rotation-panel-2{
	opacity:0;
}
#notices #rotating-panel .type_text{
	position:absolute;
	left:.75em;
	top:.5em;
	font-size:1.167rem;
	text-shadow:0 0 .25em black;
}
#notices #rotating-panel .author_text{
	position:absolute;
	right:.75em;
	top:.5em;
	text-shadow:0 0 .25em black;
}

#notices #announcements{
	flex-grow:1;
	display:flex;
	flex-direction:column;
	max-height:calc(0.85 * 16.25rem)
}


#notices #announcements .tabs{
	display:flex;
	user-select:none;
}


#notices #announcements .tabs .tab{
	color:black;
	padding:.5em 1.5em .35em 1.5em;
	margin-top:.75em;
	margin-bottom:0;
	background:var(--user-accent-color);
}
#notices #announcements .tabs .tab.active{
	padding:.5em 1.5em .35em 1.5em;
	font-size:1rem;
	background:#f2ece0;
	margin-top:.25em;
}


#notices #announcements .tabs .tab.active:first-child{
	border-radius:0 .375rem 0 0;
}
#notices #announcements .tabs .tab.active:not(:first-child){
	border-radius:.375rem .375rem 0 0;
}
#notices #announcements .content{
	min-height:7.5rem;
	background-color:#f2ece0;
	padding:.25rem .5rem;
	display:flex;
	flex-direction:column;
	grid-gap:.375rem;
	overflow-y:auto;
	overflow-x:clip;
}

#notices #announcements .content .entry{
	background:transparent;
	width:100%;
	font-size:.833rem;
	border-bottom:0.063rem gray solid;
	padding: 0 .125em;
	box-sizing:border-box;
}

#notices #announcements .content .entry .date{
	font-weight:bold;
	color:black;
	
}

#notices #announcements .content .entry .link{
	font-weight:bold;
	
}

@media(max-aspect-ratio:10/9)
{
	#notices{
		display:flex;
		flex-direction:column-reverse;
		align-items:center;
		grid-gap:1.5rem;
	}
	#notices #announcements{
		width:100%;
		height:fit-content!important;
		max-height:unset;
	}
	#notices #rotating-panel{
		height:auto;
		width:100%;
		max-height:35vh;
	}
}