연습장:Sakura/1 문서 원본 보기

<div class="w-full py-12"><div class="w-full h-full text-center"><span class="text-2xl md:text-5xl text-white" style="font-family: 'Noto Serif JP', serif;">1000年生きてる</span></div></div>
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@900&display=swap" rel="stylesheet">
</head>
<style>
.input-group-btn .btn-secondary { -webkit-appearance: none; background-color: #fff; }
h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1.1rem; }

a {
	color: var(--ew-theme-link);
}

a.new {
	color: var(--ew-theme-link-new);
}

a:hover,
a:focus {
	color: var(--ew-theme-link-hover);
	text-decoration: underline;
	transition: 0.3s;
}

a.new:hover,
a.new:focus {
	color: var(--ew-theme-link-new-hover);
	text-decoration: underline;
	transition: 0.3s;
}

a.external {
	color: var(--ew-theme-link-external);
}

a.external:hover,
a.external:focus {
	color: var(--ew-theme-link-external-hover);
	text-decoration: underline;
	transition: 0.3s;
}

a.external:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	text-align: center;
	color: var(--ew-theme-link-external);
	content: '\f0c1';
}

.plainlinks a.external {
	color: var(--ew-theme-link);
}

.plainlinks a.external:hover,
.plainlinks a.external:focus {
	color: var(--ew-theme-link-hover);
	text-decoration: underline;
	transition: 0.3s;
}
</style>
</html>