@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Lobster&display=swap');
html{
	font-family: Times New Roman;
	background-color:#A7E4F9;
	font-size: 16px;
	line-height:1.5;
}
.title{
	font-size:2.8rem;
}
h1{
	text-align:center;
	font-family:'Lobster';
	font-size:2.5rem;
	color:#0B4656;
}
h2{
	text-align:center;
	font-size:1.8rem;
	font-family:Perpetua Titling MT;
}
body{
	margin:0;
	padding:0;
}
section{
    border-right: none;
    border-left: none;
    min-height:1000px;
    margin:0;
    padding:0;
}
p{
	padding:1rem;
}
.first-letter{
	text-align:right;
	margin-right:100px;
}
.first-letter::first-letter{
	initial-letter:2;
	color:#EBB442;
}
.start{
	background-image:url('images/Artboard 10.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.chapter-1{
	background-image:url('images/Artboard 2.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.rabbit{
	background-image: url('images/Artboard 12.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.chapter-2{
	background-image: url('images/Artboard 15.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.rabbit-hole{
	background-color:#000000;
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.rabbit-hole-2{
	background-image:url('images/Artboard 24.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.chapter-3{
	background-image:url('images/Artboard 16.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.chapter-4{
	background-image:url('images/Artboard 16_1.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.chapter-5{
	background-image:url('images/Artboard 18.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.chapter-6{
	background-image:url('images/Artboard 17.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.chapter-7{
	background-image:url('images/Artboard 20.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.chapter-8{
	background-image:url('images/Artboard 21.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;                 
    background-position: center;
    background-size: cover;
}
.chapter-9{
	background-image:url('images/Artboard 22.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.chapter-10{
	background-image:url('images/Artboard 2.png');
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
.break{
	background-color:#4CBF85;
}
.end{
	background-color:#22B573;
	display:block;
	object-fit:cover;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
}
@media (min-width:1200px){
	html{
		font-size:20px;
	}
}