@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Zen+Kaku+Gothic+New&display=swap');

:root {
	--black: #111111;
	--white: #fafafa;
	--accent-color: #0b669b;
	--title-font: 'Hina Mincho', serif;
	--body-font: 'Zen Kaku Gothic New', sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background-color: var(--white);
	color: var(--black);
	font-family: var(--body-font);
}

header {
	position: fixed;
	width: 100%;
	height: 3rem;
	z-index: 100;

	a {
		text-decoration: none;
		color: var(--black);
	}

	.header-text {
		display: block;
		margin: 0;
		margin: 1rem 7rem;
		text-shadow: .1rem .1rem .2rem var(--white);
		width: max-content;
		cursor: pointer;
	}

	.myr-icon {
		position: absolute;
		width: 3rem;
		left: 2rem;
		top: 1rem;
		cursor: pointer;
	}
}

section.content {
	box-sizing: border-box;
	width: 100%;
	padding: 5rem 20%;
}

footer {
	box-sizing: border-box;
	width: 100%;
	padding: 1rem;
	text-align: center;
}