@font-face {
	font-family: Lato;
	src: url(lato.ttf);
}

@font-face {
	font-family: JollyGood;
	src: url(jolly.otf);
}

html {
	background-color: rgb(240, 240, 255);
	cursor: url("https://file.garden/aFMgx_ZHKBpIu0ff/left_ptr.cur"), default;
}

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: 24;
	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: 16px;
	margin-bottom: 16px;
	width: fit-content;
}

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

body {
	margin: auto;
	width: calc(100vw / 1.416666666666666666666667);
	border: 2px outset darkcyan;
	text-align: center;
	color: rgb(72, 72, 144);
	height: calc(100vh - 4px);
	background-color: lightcyan;
	font-family: JollyGood;
	background-image: url("flower.gif");
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center calc(100% + 3.333333px);
}

.topbar {
	border: 2px solid rgb(218 255 255);
	background-color: rgb(210 255 255);
	height:fit-content;
}

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);
}