@import url('https://fonts.googleapis.com/css2?family=Carter+One&family=Iceland&display=swap');

* {
	padding:0px;
	margin:0px;
	border:none;
	background:transparent;
	color:#b78e42;
}

html, body{
	min-height:100%;
}

body {
	background:#b78377;
	padding-bottom:30vh;
	background-image:url("ocean-of-love3.gif");
	background-attachment:fixed;
}

img {
	max-width:100%;
}

h1, h2, h3, h4, h5 {
	font-family: "Carter One", system-ui;
	text-shadow:0px -1px 1px #f7f963, 0px 1px 3px #a36e51;
	color:#f7ee4c;
}

#headsup {
	background:#f5f5f5;
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	z-index:50;
	text-align:center;
	font-size:4em;
	padding-top:2em;
	background-image:url("orange.png");
	background-size:cover;
}

span {
	color:#4b635a;
}

.hide {
	display:none;
}

.shell {
	max-width:800px;
	margin:auto;
	background-color:#b78377;
	padding:11px 7px;
}

.story {
	background:#f5f5f5;
	padding: 0px 22px;
}

.story p {
	padding:12px 0px;
	text-indent:33px;
	color:#222;
	font-family:'Iceland';
}

button {
	cursor: pointer;
}

a {
	color:#4dd1cc;
}

.note {
	max-width:300px;
	background:#f592a9;
	padding:7px 3px;
	margin: 12px 0px;
	font-family:'Iceland';
	border-radius:7px 11px;
}

.note p {
	color:#d4f87c;
	padding:2px 0px 2px 9px;
	transform:skew(20deg);
}

.note p::first-line {
	letter-spacing:1px;
}

.nav {
	position: fixed;
	bottom:0;
	left:0;
	right:0;
	height:10vh;
	background:#000;
	padding: 7px 11px;
}

ul {
	list-style-type: none;
}

ul li {
	display:inline-block;
}