@import url('https://fonts.googleapis.com/css?family=Cabin|Inconsolata|Nunito|Nunito+Sans|Oxygen|Pacifico|Quicksand|Rubik|VT323&display=swap');
@font-face
{
font-family:yes;
src: url('https://pomelo.neocities.org/music/BILLO___.TTF'),
url('yes.TTF');
}
 
 
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #ffd1c2 #e7edce;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #e7edce;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ffd1c2;
    border-radius: 0px;
    border: 2px none #ffffff;
  }


 
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/food/foo-6/foo507.ani), url(https://cur.cursors-4u.net/food/foo-6/foo507.png), auto !important;} /* End https://www.cursors-4u.com */
/* Create two equal columns that floats next to each other */
.column {
    float: left;
    width: 150px;
    padding: 10px;
    height: 280px; border: solid #fff; 10px /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
    content: "center";
    display: table;
    clear: both;
}

body {
	background: #ffff;
}
body, div, a {
	font: 11px monospace;
	color: #3b4269;
	margin-bottom: -2px;
	line-height: 9px;
	text-align: left;
	font-family: 'helvetica', monospace;
}
b {
	color: #c56889;
	font: 14px yes;
	font-family: 'VT323', monospace;
	font-weight: bold;
}

u {
	color: #54BDCC;
	font: 14px yes;
	font-weight: bold;
	font-family: 'VT323', monospace;
	text-decoration: none;
} 

h1 { 
	color: #337E91;
	font: 23px yes;
	padding-left: -5px;
	font-weight: bold;
	margin-left: -1px;
	margin-bottom: -1px;
	font-family: 'Oxygen', sans-serif;
	margin-top: -2px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h2 {
	color: #db9c69;
	font: 17px yes;
	font-family: 'Oxygen', sans-serif;
	padding-left: 0px;
	text-align: left;
	letter-spacing: -1px;
	text-transform: uppercase;
}

h3 {
	FONT-FAMILY: ARIAL;
	COLOR: #adbf45;
	LETTER-SPACING: -1PX;
	TEXT-ALIGN: left;
	FONT-WEIGHT: BOLD;
	TEXT-TRANSFORM: LOWERCASE;
	BACKGROUND-COLOR: #feffdb;
	FONT-SIZE: 15PX;
	LINE-HEIGHT: -20PX;
	margin-top: 5px;
	margin-bottom: 5px;
}

h4 	{
  	color: #514661;
	font-weight: bold;
	font-style: normal;
	font: 17pt monospace;
	text-transform: uppercase;
	LINE-HEIGHT: -20PX;
	margin-top: 5px;
	margin-bottom: -4px;
	display:inline;
	background-color:#e6f2f5;
}

h5 {
	FONT-FAMILY: ARIAL;
	COLOR: #F2FCD3;
	display:inline-block;
	LETTER-SPACING: -1PX;
	TEXT-ALIGN: left;
	FONT-WEIGHT: BOLD;
	TEXT-TRANSFORM: LOWERCASE;
	BACKGROUND-COLOR: #F2FCD3;
	FONT-SIZE: 15PX;
	LINE-HEIGHT: -20PX;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

a:link, a:visited, a:active {
	color: #94b2d4;
	font-size: 10px;
	font-family: 'Oxygen', sans-serif;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}



a.x, a.x:visited, a.x:active {
	color: #F97E77;
font-family: 'Oxygen', sans-serif;
	font-weight: bold;
	font-size: 15pt;
	letter-spacing: -1px;
}
a.x:hover {
	color: #ffccb1;
}
.ye {
font-family: 'Oxygen', sans-serif;
	font-size: 40pt;
}
.yep {
font-family: 'Oxygen', sans-serif;
	font-size: 12pt;
	letter-spacing: -1;
	color: #59F56F;
}
.eee {
	color: #B9CBE3; 
}

.biglink {
  color: #F59C32;
  font-size: 13px;
}

#one, #two, #three, #four, #five {
	float: left;
	width: 130px;
	padding: 1px;
	margin: -1px;

	background: #fff;
	z-index: 20;
}
#one {
	border-left: 3px solid #FFC6BC;
	height: 185px;
	background: #fffbcf;
}
#two {
	border-left: 3px solid #FEDEA2;
  height: 660px;
  width: 560px;
}
#three {
	border-left: 3px solid #FFF9B8;
	
	height: 185px;
}
#four {
	border-left: 3px solid #DCE9BE;
		height: 48px;
}
#five {
	border-left: 3px solid #D1E7E6;
	height: 205px;
		width: 180px;
}
#border {
	background: #f8f8f8;
	width: 99%;
	padding: -6px;
}

#goal {
	float: left;
	width: 155px;
	padding: 10px;
	margin: 6px;
	height: 60px;
	text-align: center;
	border-left: 5px solid #92CCB6;
	font: 10px tahoma;
	background: #fff;
	z-index: 20;
}          


#span {
	text-align: right;
	margin-top: 10px;
	float: right;
}
a:hover img {
	border: 1px solid #ddd;
}

#gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#gallery img {
    margin: 0px;
    width: 100px;
    height: 100px;
    padding: 0px;
}