@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@200;400&family=Poppins:wght@100;200;400&display=swap');
body{
	background: #FFD003;
}
.content{ padding-top: 5px; max-width: 960px; margin: auto;}
* { font-family: 'Poppins', sans-serif;}
#logo{
	text-align: center;
	max-width: 450px;
	display: block;
	margin: 0 auto 0 auto;
}
#logo img{ width: 100%;}
#main{ margin-bottom: 30px;}
#name{
	color: #1E2945;
	text-align: center;
	font-size: 5rem;
	font-weight: 400;
	margin: -10px auto 0 auto;
	display: inline;
}
#tagline{
	margin: -15px auto 0 auto;
	color: rgba(30, 41, 69, 0.50);
	font-size: 1.5rem;
	font-weight: 400;
	text-align: right;
	font-family: 'Kanit', sans-serif;
	bottom: 0;
}
#download{
	text-align: center;
}
#download a{
	margin: 0 5px 10px 0;
}
.apple{ display:inline-block; width: 188px; height: 63px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-size: cover; background-image: url('button-apple-app-store.png');}
.google{ display:inline-block; width: 213px; height: 64px; text-indent: 100%; white-space: nowrap; overflow: hidden; background-size: cover; background-image: url('button-google-play-store.png');}

#footer{
	color: #FFF;
	text-align: center;
	font-size: 0.8rem;
	font-weight: 200;
	bottom: 5px;
	pointer-events: none;
	position: fixed;
	width: 100%;
}

@media screen and (max-width: 500px){
	#logo{ max-width: 7cm; margin-top: 10%;}
	#name{ font-size: 3.5rem;}
	#tagline{ font-size: 1.5rem;}
	#footer{ font-size: 0.8rem;}
}
@media only screen and (-o-min-device-pixel-ratio: 5/4),
       only screen and (-webkit-min-device-pixel-ratio: 1.25),
       only screen and (min--moz-device-pixel-ratio: 1.25),
       only screen and (min-device-pixel-ratio: 1.25),
       only screen and (min-resolution: 1.25dppx) {
	.apple{ background-image: url('button-apple-app-store@2x.png');}
	.google{ background-image: url('button-google-play-store@2x.png');}
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */