@charset 'UTF-8';

@font-face {
	font-family: 'FontAwesome';
	src: url('font/fontawesome-webfont.eot?v=3.2.1');
	src: url('font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
	font-weight: normal;
	font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

/*
	Overflow 1.0 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
html {height:100%;}


	body
	{
		margin: 0 auto;
		max-width: 90vw;
		min-height: 90vh;
		background-color: #231F20;
		font-family: 'Pretendard', 'Source Sans Pro', sans-serif;
		font-size: 18pt;
		line-height: 1.2em;
		font-weight: 300;
		letter-spacing: 1px;
		color: #3a3939;
		text-shadow: 0 0 0.5px rgba(58,57,57,0.25);
		-webkit-text-stroke: 0.25px;
	}

	h1
	{
		font-weight: 300;
		line-height: 1.5em;
	}
	
		h1 a
		{
			color: inherit;
			text-decoration: none;
		}
		
	a
	{
		color: #419F3F;
		text-shadow: 0 0 0.5px rgba(53,184,143,0.25);
		-moz-transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
		-webkit-transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
		-o-transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
		-ms-transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
		transition: border-color 0.35s ease-in-out, color 0.35s ease-in-out;
		text-decoration: none;
		border-bottom: dotted 1px rgba(65,159,63,0.5);
	}
	
		a:hover
		{
			border-bottom-color: rgba(53,184,143,0);
		}

	
	p
	{
		margin-bottom: 0.1em;
	}

	header
	{
		margin-bottom: 1em;
		max-width: 100vw;
	}
	
		header p
		{
			display: block;
			margin: 0 0 0 0;
			padding: 0 0 0.5em 0;
		}
		

	br.clear
	{
		clear: both;
	}

	/* Images */

		.image
		{
			display: inline-block;
			border: 0;
		}
		
			.image img
			{
				display: block;
				margin: 0 auto;
				max-width: 100%;
				width: auto;
				height: auto;
			}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		color: #fff;
		text-shadow: 0 0 0.5px rgba(255,255,255,0.25);
		text-align: center;
		margin: 0;
		padding: 10vh 0px;
		cursor: default;
	}
	
		#header header
		{
			display: inline-block;
			padding: 0;
		}
		
			#header header h1
			{
				font-weight: 100;
				font-size: 1.4em;
				font-family: 'Rock Salt', cursive;
			}

			#header header h5
			{
				font-weight: 100;
				color: #ccc;
				font-size: 0.8em;
				letter-spacing: 0px;
			}

			#header header p
			{
				color: rgba(255,255,255,0.75);
				text-shadow: 0 0 0.5px rgba(255,255,255,0.1875);
				font-size: 1em;
				text-transform: uppercase;
				letter-spacing: 1px;
				padding: 0;
				margin-top: 0.2em;
			}
			
				#header header p:before
				{
					content: '';
					display: block;
					margin: 1px 0 0.8em 0;
				}