@font-face {
	font-family: Lato;
	src: url(/fonts/pixelated-times-new-roman.otf);
}

@font-face {
	font-family: JollyGood;
	src: url(/fonts/pixelated-times-new-roman.otf);
}

html {
	background-image: url(https://web.archive.org/web/20091020143516im_/http://hk.geocities.com/llovetaeforever/snowani1-1.gif);
	cursor: url("https://file.garden/aFMgx_ZHKBpIu0ff/left_ptr.cur"), default;
    overflow-y: hidden;
    overflow-x: hidden;
}

marquee {
    margin: 0%;
	font-size: calc(18px * 2.12);
	border: 2px solid darkcyan;
	border-left: 0px;
	border-right: 2px solid rgb(0 55 55);
	border-top: 2px solid rgb(0 55 55 /50);
	border-bottom: 2px solid rgb(0 55 55);
	background-color: rgb(235 255 255 / 100%);
}

img {
	margin: 0px;
	float: inline-start;
}

h1 {
	text-align: center;
	color: rgb(144 96 192);
	margin: auto;
	margin-top: 16px;
	margin-bottom: 16px;
	font-family: JollyGood;
	font-size: calc(24px * 2.12);
	cursor: pointer;
	width: fit-content;
	cursor: url("https://file.garden/aFMgx_ZHKBpIu0ff/ibeam.cur"), text;
}

h3 {
	cursor: url("https://file.garden/aFMgx_ZHKBpIu0ff/ibeam.cur"), text;
	margin: auto;
	margin-top: 8px;
	margin-bottom: 16px;
	font-size: calc(18px * 2.12);
	width: fit-content;
	font-weight: normal;
}

button {
	font-family: Lato;
	font-weight: bold;
	font-size: 24px;
	border: 2px outset grey;
	padding: 2.5px;
	border-radius: 6.5px;
	color: rgb(64, 64, 64);
	margin: 0px;
	margin-right: -0.1%;
	cursor: url("https://file.garden/aFMgx_ZHKBpIu0ff/pencil.cur"), pointer;
}

body {
	margin: auto;
	margin-top: 16px;
	width: calc(100vw/(17/12));
	height: calc(100vh - 4px - 32px);
	border: 2px outset darkcyan;
	border-radius: 6.5px;
	text-align: center;
	color: rgb(72, 72, 144);
	background-color: rgb(224 255 255 / 60%);
	font-family: JollyGood;
	background-image: url("/images/flower.gif");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center calc(100% + 3.35px - 16px);
}

iframe {
	border: solid 0px white;
}

.topbar {
	border: 2px solid rgb(218 255 255);
	border-radius: 6.5px;
	background-color: rgb(210 255 255 / 0%);
}

.hide {
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
}

a:hover {
	cursor: url("https://file.garden/aFMgx_ZHKBpIu0ff/pencil.cur"), pointer;
}

.red {
  color: red;
}

.orange {
 color: rgb(255, 128, 0); 
}

.yellow {
 color: yellow; 
}

.yellowishgreen {
  color: rgb(192, 255, 0);
}

.green {
  color: rgb(0,255, 0);
}

.cyan {
    color: rgb(0,255,192);
}

.lightblue {
    color: rgb(0,128,255);
}

.blue {
    color: rgb(0,0,255);
}

.purple {
    color: rgb(128,0,255);
}

.indigo {
    color: rgb(128,0,128);
}

.pink {
    color: rgb(255,0,128);
}