@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Garlic Shrimp Demo';
    src: url('GarlicShrimpDemoRegular.eot');
    src: url('GarlicShrimpDemoRegular.eot?#iefix') format('embedded-opentype'),
        url('GarlicShrimpDemoRegular.woff2') format('woff2'),
        url('GarlicShrimpDemoRegular.woff') format('woff'),
        url('GarlicShrimpDemoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Subtitle Font */

@font-face {
    font-family: 'Gange DEMO';
    src: url('GangeDEMO-Regular.eot');
    src: url('GangeDEMO-Regular.eot?#iefix') format('embedded-opentype'),
        url('GangeDEMO-Regular.woff2') format('woff2'),
        url('GangeDEMO-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Body Font */

/* Font Bank */


html {
	background-size: 100% 100vh;
}

body {
	background-image: url("../images/background_image_06.png");
	background-size: 100% 100vh;
	background-position: fixed;
	background-repeat: no-repeat;
	background-color: beige;
}

header img {
	width: 25%;
	height: auto;
	display: flex;
	margin: 45px auto;
	padding-top: .5em;
	object-fit: contain;
	float: center;
}
/* Contact logo */


/* Return to Sender:START */
.back-button-01 {
	position: absolute;
	/* background-color: red; */
	min-height: 50.5px;
	width: 280px;
	right: 3.5em;
	top: 5em;
}
	.box-01 {
		/* background-color: blue; */
		min-height: 50.5px;
		width: 280px;
	}
	.back-home-button-01 {
		background-image: url("../images/return_to_sender_01.svg");
		background-size: cover;
		position: center;
	}
		a:hover .back-home-button-01 {
			/* box-shadow: 0px 0px 20px 5px black; */
			border-radius: 10.5px;
			transform: scale(1.1);
			transform: rotate(5deg);
			mix-blend-mode: multiply;
		}
		a:active .back-home-button-01 {
			transform: rotate(5deg);
			mix-blend-mode: color-burn;
		}
/* Return to Sender Button:END */

.container-01 {
	min-height: 475px;
	width: 600px;
	/* background-color: red; */
	position: absolute;
	left: 4em;
	top: 12em;
}
.container-box-01 {
	min-height: 475px;
	width: 600px;
	/* background-color: blue; */
}
.cover-image-01 {
	background-image: url("../images/contact_image_01.png");
	background-size: cover;
	background-position: center;
}

article {
	position: absolute;
	top: 14em;
	line-height: 2em;
	right: 10em;
}

h1 {
    font-family: 'Garlic Shrimp Demo';
    color: #0F82A8;
    letter-spacing: 1.5px;
	font-size: 25px;
	margin-bottom: -0.25em;
}
	.semi-colon-01 {
		font-family: 'Gange DEMO';
	}
/* "Email" Header 01 */

/* "fourleafisland@gmail.com" Line:START */
.section-01 p {
	font-family: 'Gange DEMO';
	letter-spacing: 1px;
	font-size: 20px;
	padding-bottom: 2em;
}
	.section-01 p a {
		text-decoration: none;
		color: inherit;
	}
		.section-01 p a:hover {
			color: #16AFB9;
		}
		.section-01 p a:active {
			color: #F07168;
		}
/* "fourleafisland@gmail.com" Line:END */

h2 {
	font-family: 'Garlic Shrimp Demo';
    color: #0F82A8;
    letter-spacing: 1px;
	font-size: 25px;
	margin-bottom: -0.25em;
}
	.semi-colon-02 {
		font-family: 'Gange DEMO';
	}
/* "Tumblr Message" Header 02 */

.arrow-01 {
	font-size: 25px;
}

.section-02 p a {
	font-family: 'Gange DEMO';
	text-decoration: none;
	color: black;
	font-size: 20px;
	letter-spacing: .5px;
}
	.section-02 p a:hover {
		color: #16AFB9;
	}
	.section-02 p a:active {
		color: #F07168;
	}
/* "Catmask" Tumblr Link */

.note-specific-01 {
    color: #F07168;
    font-weight: bold;	
}

.note-01 {
	color: black;
	width: 400px;
	min-height: 40px;
}