@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: 630px;
	width: 410px;
	/* background-color: red; */
	position: absolute;
	left: 8em;
	top: 5.5em;
	z-index: 1000;
}
.container-box-01 {
	min-height: 630px;
	width: 410px;
	/* background-color: blue; */
}
.cover-image-01 {
	background-image: url("../images/about_cover_image_01.svg");
	background-size: cover;
	background-position: center;
}

.square-01 {
	background-color: #FED9B8;
   	mix-blend-mode: multiply;
    min-height: 460px;
    width: 460px;
	top: 13em;
	left: 6em;
	position: absolute;
}

section {
	font-family: 'Gange DEMO';
	position: absolute;
	top: 14em;
	line-height: 1.5em;
	right: 10em;
	letter-spacing: 1px;
	width: 500px;
	font-size: 14px;
}