@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;700&display=swap');

/* Import */

@import 'var.css';
@import 'reset.css';
@import 'setting.css';
@import 'utilities.css';

/* Layout */

.l-wrap {
	margin: 40px auto;
	width: 90%;
	max-width: 640px;
}

.l-header {
	padding: 20px 0;
	text-align: center;
	p {
		font-size: var(--fs-s);
	}
}

.l-make {
	text-align: center;
}

.l-result {
	margin-bottom: 20px;
	padding: 20px;
	background: var(--mainbg);
	box-shadow: var(--shadow);
	border-radius: var(--radius);
}

.l-footer {
	padding: 20px 0;
	font-size: var(--fs-s);
	text-align: center;
}

/* Components */

.c-makebutton {
	padding: 3px 0 0;
	width: 75%;
	color: #fff;
	border: none;
	border-radius: 16px;
	background: var(--link);
}

/* Keyframes */

/* Responsive */

@media (768px <= width <= 960px) {
}

@media (960px < width) {
}