* {
	box-sizing: border-box;
}

@font-face{
        font-family: "VCROSD MONO";
	src: url(fonts/VCR_OSD_MONO_1.001.ttf) format("truetype");
}

@font-face{
	font-family: "NAME";
	src: url(fonts/ITALIC1.ttf) format("truetype");
}

body {
	background-color: #272727;
	background-image: url("https://swedishtrish.neocities.org/img/BOOK_BACK.png");
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}

.overlay {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	opacity: 0.03;
	background-image: url("https://swedishtrish.neocities.org/img/noise.gif");
	background-size: cover;
}

.container {
	/*border: 1px dashed blue;*/
	max-width: 1280px;
	height: 800px;
	margin: 0 auto;
}

#book_front {
	margin: -10px;
	position: relative;
}

.contents {
	position: absolute;
	top: -50px;
	width: 100px;
	height: 100px;
}

.gifs {
	/*border: 1px dashed blue;*/
	position: relative;
	top: 60px;
	left: 360px;
	width: 600px;
}

#welcome {
    /*border: 1px dashed blue;*/
    position: absolute;
	width: 550px;
	height: auto;
}

#arrow {
	position: relative;
	top: 120px;
	left: 10px;
	width: 150px;
	height: auto;
	transition: 0.7s;
}

#arrow:hover {
	filter: brightness(70%);
}

.notey {
    /*border: 1px dashed blue;*/
	font-family: "VCROSD MONO", "Comic Sans MS";
	font-size: 13px;
	color: white;
	position: relative;
	top: 130px;
	left: 40px;
	width: 1180px;
	height: auto;
}

#teal_note {
	position: absolute;
	width: 1180px;
	height: auto;
}

.notey_txt {
	/*border: 1px dashed blue;*/
	width: 890px;
	height: 335px;
	position: absolute;
	top: 170px;
	left: 150px;
	overflow: auto;
  scrollbar-color: #c2f208 #002821;
  scrollbar-width: thin;
	z-index: 0;
}

a {
color: #c2f208;
}

a:hover {
color: #ff589b;
}

a:active {
color: #ac70ff;
}

a:visited {
color: #007e5c
}

#foto1 {
    /*border: 2px dashed blue;*/
	position: relative;
	width: auto;
	height: 200px;
}

#foto3 {
	position: relative;
	width: 200px;
	height: auto;
}

h3, ol, p:first-child {
	margin: 0;
}