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




body {
	margin: 0;
	padding: 0;
	background-color: #faf1ef;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background-image: linear-gradient(90deg, rgba(245,191,191,0.125) 50%, transparent 50%), linear-gradient(rgba(245,191,191,0.125) 50%, transparent 50%);
	background-size: 30px 30px;
}


.wrapper {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	height: 100vh;
	align-items: center;
	justify-content: center;
	position: fixed;
}


h1{
	margin: -50px 0 50px;
}


#countdown {
	font-size: 42px;
	margin: 0 0 50px;
	font-family: "Rounded Mplus 1c";
}
#countdown span{
	font-size: 175%;
  color: #f45d6f;
}

.notes {
	font-size: 21px;
	margin: 0 0 20px;
	font-family: "Rounded Mplus 1c";
}


footer {
	margin: 0;
	font-size: 12px;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 100px;
}


/* smartphone settings */
@media screen and (max-width: 640px) {

h1 {
margin: 0 0 5vw;
width: 80%;
}
.random {
	width: 100%;
	height: auto;
}
#countdown {
	font-size: 4vw;
	margin: 0 0 5vw;
	width: 80%;
}
.notes {
	font-size: 2vw;
	margin: 0 0 5vw;
	width: 80%;
.wrapper p {
	font-size: 3vw;
}
footer {
	margin: 0;
	font-size: 2.5vw;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	line-height: 100px;
}
}