body {
	background-color: #E0B0FF;
  overflow-x: hidden;
}

html {
  overflow-x: hidden;
}

div#tildes {
	position:absolute;
	top: 0px;
	left: 0px;
	word-break:break-all;
	background-color:black;
	color: #E0B0FF;
	z-index: -1;
	font-size:120%;
	letter-spacing:.75em;
}

section {
	font-family: monospace;
	background-color: black;
	color:#E0B0FF;
}

section#summary p {
	font-size:150%;
}

section#summary ul {
	font-size:150%;
}

section#header {
	margin-top:5%;
	text-align:center;
	font-size:150%;
	margin-right:2%;
	margin-left:1%;
}

section#summary {
	padding-left:10%;
	padding-right:10%;
	margin-right:2%;
	margin-left:1%;
}

section#join {
	margin-top: 5%;
	width: 20%;
	padding:10px;
	margin-left:4%;
}

section#users {
	margin-left:60%;
	width:20%;
	padding:10px;
}

section#blog {
	margin-left:40%;
	width:10%;
	padding:20px;
}

section#donate {
	margin-left:5%;
	width:15%;
	padding:15px;
}

section#lostkey {
	margin-left:80%;
	padding:10px;
}

section#footer {
	padding:25px;
	text-align:center;
	margin-top:65px;
}

a {
	text-decoration: none;
	font-weight:bold;
	color:blueviolet;
}

a:hover {
    animation: rainbow 1s infinite;
}

@keyframes rainbow {
    20%{color: red;}
    40%{color: orange;}
    60%{color: yellow;}
    80%{color: green;}
    100%{color: blue;}
}