@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,700;1,300;1,400;1,500;1,700&display=swap');

body {
	text-align:center;
	background: url("img/pattern.jpg") center 0 repeat;
	color:#fff;
	font-family: 'Ubuntu', sans-serif;
	margin:0;
	}
a {
	text-decoration:underline;
	outline:none;
	color:#fff;
	}
#container{
	background: url("https://ik.imagekit.io/moephotos/n46-idlist/pattern.jpg") center 0 repeat;
	color:#333;
	padding:0 0 30px;
	}
#container a {
	color:#7e1083;
	}
#container a:hover {
	color:#e2437a;
	}
a:hover {
	text-decoration:none;}
a img {
	border:0;
	}


.headnav {
    background: #540054;
    width: 93%;
    margin: auto;
    padding: 2pt;
    height: auto;
    color: black;
    border-radius: 0 0 8pt 8pt;
    transition: width 1s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}


@media only screen and (max-width: 700px) {
	.headnav {width: 95%; transition: width 1s ease;} 
	}

.head {
	background: #e9e9e9;
	width: 95%;
	margin: auto;
	padding: 10pt;
	height: auto;
	color: #7e1083;
	border-radius: 0pt 0pt 8pt 8pt;
	font-size: 30pt;
	font-weight: 900;
	transition: width 1s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
@media only screen and (max-width: 700px) {
	.head {width: 95%; transition: width 1s ease;} }

.content {
background:#ffffff;
width:89%;
margin:auto;
padding:10pt;
height:80%;
color:black;
border-radius: 8pt;
transition: width 1s ease;
}
@media only screen and (max-width: 700px) {
	.content {width: 95%; transition: width 1s ease;} 
	}

@import "compass/css3";

.navyear {
font-size:40pt;
font-weight:900;
text-align:center;
}