	*{
		box-sizing: content-box;
	}
	html {
		scroll-behavior: smooth;
	}
	body {
		padding:0;
		font-family: 'Barlow Condensed', sans-serif;
		/*font-size: 24px;*/
		font-size: 1.5em;
		margin: 20px;
		text-align: justify;
		background-color:#222;
		color: antiquewhite;
	}

	h1{
		/*font-size: 64px;*/
		color: blue;
		white-space: no wrap;
		margin:0;
	}

	h2 {
		text-align: center;
	}

	a, a:active{
		color: antiquewhite;
		font-decoration:underline;
	}
	a.a_txt:hover{
		color: black;
		background-color: antiquewhite;
	}
	.container {
		max-width:1024px;
		margin: auto;
		padding: 10px;
	}

	div.story {
		padding:20px;
		border-bottom:1px solid antiquewhite;
		background-size:cover;
		color: antiquewhite;
		text-align: justify;
		/*font-size:0.8em;*/
		
	}
	p.center {
		text-align: center;
	}
	img.img_autosize {
		max-width: 100%;
		max-height: 100%;
		border:none;
	}
	div.header {
		position: relative;
		color: white;
	}
	div.introtextcentre {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);			
	}
	div.introtextimages {
		position: absolute;
		top: 90%;
		left: 10%;
		transform: translate(-50%, -50%);			
	}
	div.introstory {
		padding:20px;
		border-bottom:1px solid antiquewhite;
		background-size:cover;
		color: antiquewhite;
		text-align: justify;
		/*font-size:0.8em;*/
	}

	button,input {
		padding: 4px 16px;
		text-decoration: none;
		display: inline-block;
		font-family: 'Barlow Condensed', sans-serif;
		font-size: 1.5em;
		font-weight:bold;
		margin: 4px 2px;
		transition-duration: 0.2s;
		background-color: transparent;
		color: antiquewhite; 
		border: 1px solid antiquewhite;
		border-radius: 4px;
	}
	button {
		text-align: center;
		cursor: pointer;
	}
	button:hover {
		background-color: antiquewhite;
		color: black;
	}
	#toTop {
		display: block;
		position: fixed;
		bottom: 20px;
		right: 10%;
		z-index: 99;
		/*font-size: 18px;*/
		border: none;
		outline: none;
		background-color: DodgerBlue;
		color: antiquewhite;
		cursor: pointer;
		padding: 15px;
		border-radius: 4px;
	}

	#toTop:hover {
		background-color: Red;
	}
	
	.hide_story {
		display:none;
	}
	h2.hideable {
		cursor:pointer;
	}
