@import url('https://fonts.googleapis.com/css2?family=Momo+Trust+Display&family=Stack+Sans+Headline:wght@200..700&display=swap');
html,body{
	padding: none;
	margin: 0;
	font-family: "Momo Trust Display", sans-serif;
	background-color: hsl(0, 0%, 98%);
}

header{
	background: linear-gradient(144deg,#1b5fac 17%, rgba(119, 77, 164, 1) 100%);
	padding: 10px;
	font-size: 25px;
	color:white;
}
header> a{
	color: inherit;
	text-decoration: none;
}

details{
	width: calc(100%-20px);
	background-color: hsl(0 0 100);
	font-size:clamp(1.2rem,1vw,3rem);
	border:  2px solid hsl(100 0% 79%);
	border-bottom: none;
	color: hsl(100 0% 30%);

}
summary{
	background-color: hsl(0 0 93);
	padding: 10px;
	border-bottom:  2px solid hsl(100 0% 79%);
	user-select: none;
	cursor: pointer;

}
.detailsCont{
	padding: 10px;
	border-bottom:  2px solid hsl(100 0% 79%);
	font-size:clamp(1.2rem,0.8vw,3rem);
	line-height: 1.6;
	color: hsl(100 0% 37%);

}



.tableBlock {
	margin: 10px;
}

.tableWrapper {
	max-height: 290px;
	overflow-y: auto;
	border: 2px solid hsl(0, 0%, 90%);
	border-bottom: none;
	color: hsl(100 0% 16%);
}


.noticesTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;

	th,
	td {
		border: 1px solid hsl(0, 0%, 90%);
		padding: 5px 5px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: center;
		border-left: none;
		font-size: 15px;
		color: hsl(100 0% 25%);

	}

	thead th {
		background-color: hsl(0, 0%, 95%);
		position: sticky;
		border-top: none;
		top: 0px;
		z-index: 5;
	}

	tbody td {
		background-color: white;
	}
}

.tableUtils {
	background-color: hsl(0, 0%, 95%);
	border: 3px solid hsl(0, 0%, 90%);
	border-bottom: none;
	padding: 5px;
	display: flex;
	gap: 5px;
}

.tableUtils .notiButton {
	font-size: 15px;
	padding: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tableFooter {
	background-color: hsl(0, 0%, 95%);
	border: 1px solid hsl(0, 0%, 90%);
	border-top: none;
	padding: 5px;
	font-size: 14px;

}


button{
	border:none;
	padding: 6px;
	font-family: "Momo Trust Display", sans-serif;
	font-weight: 200;
	font-size: clamp(1rem, 1.1vw, 2rem);
	border-radius: 15px;
	color: hsl(100 0% 25%);
	background-color: hsl(100 0% 95%);
	border: 2px solid hsl(100 0% 79%);
	cursor: pointer;
	user-select: none;
}
button:hover,button:active{
	outline: none;
	filter: brightness(85%);
}

.buttonBlue{
	background-color: #2174d2;
	color:white;
	border:none;
}