@font-face {
    font-family: 'terminal_grotesque';
    src: url('https://aquamiki.neocities.org/font/terminal-grotesque-webfont.eot');
    src: url('https://aquamiki.neocities.org/font/terminal-grotesque-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://aquamiki.neocities.org/font/terminal-grotesque-webfont.woff2') format('woff2'),
         url('https://aquamiki.neocities.org/font/terminal-grotesque-webfont.woff') format('woff'),
         url('https://aquamiki.neocities.org/font/terminal-grotesque-webfont.ttf') format('truetype'),
         url('https://aquamiki.neocities.org/font/terminal-grotesque-webfont.svg#terminal_grotesqueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
  background-image: url("https://aquamiki.neocities.org/nightsparkles.gif");
  color: #e7e7e7;
  font-family: 'terminal_grotesque', sans-serif;
  font-size: 20px;
}

/* SITE WIDE DIV STUFF */

div.links {
	border: 2px dotted green;
	padding: 0px;
	background-color: #361C4D;
	width: 900px;
	height: 60px;
	margin-bottom: 10px;
}



/* MAIN PAGE STUFF */

div.homemain {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 10px;
	width: 700px;
	background-color: #361C4D;
}

div.homeinterests {
	position: absolute;
	top: 120px;
	right: 150px;
	margin: 10px;
	border: 4px solid #1b0e26;
	padding: 3px;
	width: 200px;
	background-color: #361c4d;
}

div.homesocial {
	position: absolute;
	top: 160px;
	left: 190px;
	margin: 10px;
	border: 4px solid #1b0e26;
	padding: 3px;
	width: 200px;
	background-color: #361c4d;
}

div.homeplaying {
	position: absolute;
	top: 400px;
	right: 125px;
	margin: 10px;
	border: 4px solid #1b0e26;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #361c4d;
}

div.homewatching {
	position: absolute;
	top: 700px;
	right: 125px;
	margin: 10px;
	border: 4px solid #1b0e26;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #361c4d;
}

div.homeupdates {
  margin: auto;
  background-color: #1e0f2a;
  width: 550px;
  height: 150px;
  border: 2px solid #0c0612;
  padding: 5px;
  overflow: auto;
  margin-bottom: 10px;
}

span.update {
  padding-left: 10px;
  font-size: 17px;
}



/* TRANSLATION PAGE STUFF */

div.translationmain {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	border-radius: 10px;
	width: 1000px;
	background-color: #361C4D;
	font-family: "verdana";
}



/* JOURNAL PAGE STUFF!!! */

div.journalmain_old {
	top: 300px;
	margin: auto;
	margin-top: 50px;
	border: 4px solid #1b0e26;
	padding: 10px;
	border-radius: 10px;
	width: 1000px;
	background-color: #361C4D;
}

div.journalabout {
	margin: auto;
	margin-bottom: 20px;
	border: 4px solid #1b0e26;
	padding: 10px;
	border-radius: 10px;
	width: 750px;
	background-color: #361C4D;
}

div.journalentrymain {
	margin: auto;
	margin-bottom: 20px;
	border: 4px solid #1b0e26;
	border-radius: 10px;
	width: 750px;
	height: 400px;
	background-color: #361C4D;
}

div.journalentryside {
	float: left;
	width: 120px;
	height: 400px;
	background-color: #251335;
	padding-left: 5px;
	padding-right: 5px;
	overflow-wrap: break-word;
}

div.journalentrytextbox {
	overflow: auto;
	height: 400px;
}

div.journalentrytext {
  padding: 20px;
}

div.journalentrytime {
	width: 570px;
	font-size: 20px;
	padding-left: 20px;
	background-color: #251335;
}

span.time {
	padding-left: 30px;
}

div.miniblog {
	margin: auto;
	margin-bottom: 30px;
	border-radius: 10px;
	width: 520px;
	height: 500px;
	background-color: #361C4D;
}

div.mbtitle {
	width: 485px;
	font-size: 30px;
	background-color: #251335;
	margin-bottom: 5px;
}

div.mbtext {
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
}

div.mbentry {
	width: 465px;
	font-size: 20px;
	padding-left: 20px;
	background-color: #251335;
}

div.dream {
	width: 600px;
	height: 700px;
	background-image: url("starsparkle.gif");
	/* background-color: #2B163D; */
	border: 4px solid #1b0e26;
	margin: auto;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
}
	


/* end of journal stuff */



/* UPDATES PAGE STUFF */


div.updatesmain {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 10px;
	width: 700px;
	background-color: #361C4D;
}

div.linksmain {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	border-radius: 10px;
	width: 1000px;
	background-color: #361C4D;
}

div.otomemain {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	border-radius: 10px;
	width: 1000px;
	background-color: #361C4D;
	color: white
}

div.otomeplaying {
	position: fixed;
	top: 400px;
	right: 60px;
	margin: 10px;
	border: 4px solid #1b0e26;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #361c4d;
	font-family: "verdana";
}


/* ABOUTME/PROFILE PAGE STUFF */

div.profilemain {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 10px;
	width: 700px;
	background-color: #361C4D;
}

span.profileimages {
  max-width: 650;
}

/* end of aboutme/profile stuff */

div.sitemapmain {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 10px;
	width: 700px;
	background-color: #361C4D;
}

div.construction {
	top: 300px;
	margin: auto;
	border: 4px solid #1b0e26;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 10px;
	width: 700px;
	background-color: #361C4D;
}

/* MISC PAGES STUFF */

#dquote {
  margin: auto;
  background-color: #1e0f2a;
  width: 550px;
  border: 2px solid #0c0612;
  padding: 5px;
  text-align: left;
  margin-bottom: 20px;
}

#dquotepage {
  padding-left: 250px;
}

div.ffxivminiblog {
	margin: auto;
  background-color: #1e0f2a;
  width: 700px;
  height: 200px;
  border: 2px solid #0c0612;
  padding: 5px;
  overflow: auto;
  margin-bottom: 10px;
}

.bmisc {
border: 4px outset #2A36D6;
color: #FFD7F3;
background-color: #BA91B9;
font-size: 20px;
border-radius: 10px;
cursor: pointer;
}

.bmisc:hover {
border-style: inset;
}

.mtext {
color: #25C900;
font-size: 25px;
}

.yhr {
	color: gold;
	font-size: 30px;
}













/* i cant remember what this stuff was for!! */



span.otometext {
  font-family: "verdana";
}

span.updates {
	font-family: "verdana";
	line-height: 1.3;
}

.clavis {
	position: fixed;
	left: 0px;
	bottom: 0px;
	resize: none;
}

span.buttons {
  margin: -5px;
}

span.translationtext {
  margin-right: 100px;
}

abbr {
	color: #ffa7b6;
}

a:link {
  color: #FF0066;
}

a:visited {
  color: #99003D;
}

a:hover {
  color: #FF3284;
}

th, td {
  border: 2px dotted green;
  padding: 4px;
}

th {
	background-color: #2b163d;
	font-size: 19px;
}

span.spoiler {
  color: black;
  background-color: black;
}

span.spoiler:hover {
  color: white;
  background-color: black;
}

glowytext {
  text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue;
}

smallspace {
  line-height: 0.3;
}

headertext {
  width: 500px;
  margin: auto;
  text-align: center;
  float: none
}

.clicky {
	cursor: pointer;
}



.rainbow {
  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear,  left top,  right bottom, 
        color-stop(0.00, red), 
        color-stop(16%, orange),
        color-stop(32%, yellow),
        color-stop(48%, green),
        color-stop(60%, blue),
        color-stop(76%, purple),
color-stop(1.00, red));
}

/*@keyframes rainbow { 
    0%{background-position:0% 50%}
    50%{background-position:100% 25%}
    100%{background-position:0% 50%}