@import url("base.css");

main {
	background-image: url("/static/images/campus_lan_image.png");
	background-size: 100vw 100vh;

}


.headline{
	text-align:center;
	padding:1px;
	background:linear-gradient(to right,#dff6ff,#bfe9ff);
}

.section{
padding:40px;
text-align:center;
}

.ribbon {
    display: flex;
    justify-content: space-around;
    background-color: #333;
    color: white;
    padding: 10px;
    font-family: Arial, sans-serif;
}

.ribbon-items {
    text-align: center;
}

.services{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:20px;
}

.mytitle {
	width: 50%;
	text-align: center;
	background:rgb(167, 233, 80);
	padding:5px;
	width:250px;
	border-radius:10px;
	box-shadow:0 0 10px rgba(0,0,0,0.1);
	backdrop-filter: 10px;
	margin: 0 auto;
}

.unli {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
	text-align: left;
}

.unliitem, .unliitemli i {
	background-color: rgb(47, 105, 230);
	font-weight: bold;
	border-radius: 5px;
	padding: 2px;
}

.unliitem::before {
	content: "";
	margin-right: 10px;
	color: blue;
	white-space: nowrap;
}

.unliitem:not(:last-child) {
	margin-bottom: 15px;
}

.unliitem:hover {
	background-color: rgb(135, 72, 148);
	color: rgb(23, 14, 25);
	cursor:pointer;
	border-radius: 20px;
	font-size: 1.2em;
}

.feature_card {
background: none;
padding:10px;
width:350px;
border-radius:10px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
backdrop-filter: 10px;
}