@charset "utf-8";

html,body,h1,h2,p{
margin: 0;
padding: 0;
line-height: 1.0;
}

img{
vertical-align: bottom;
max-width: 100%;
height: auto;
}

body{
text-align: center;
color:#333;
background-image: linear-gradient(
-45deg,
#f5eeed 25%,
#f4e2de 25%,
#f4e2de 50%,
#f5eeed 50%,
#f5eeed 75%,
#f4e2de 75%,
#f4e2de);
background-size: 30px 30px;
background-attachment: fixed;
}

.inner{
max-width:400px;
margin: 0 auto;
height: 90vh;
}


.logo{
background:url(../img/logo.png) center /cover;
height: 70px;
width: 70px;
margin: 30px auto 20px;
}

h1{
display: block;
max-width: 8em;
font-family: 'Kosugi Maru', sans-serif;
margin:0 auto 40px;
color: #fff;
border: 2px dashed #fff;
/*background-color: #4989ff;*/
background:#ad5a35;
/*box-shadow: 0px 0px 0px 10px #4989ff;*/
box-shadow: 0px 0px 0px 10px #ad5a35;
padding: 2%;
line-height: 1.5;
border-radius:50px;
font-size:30px;
}

.btn {
font-family: 'Kosugi Maru', sans-serif;
font-size:20px;
padding: 10px 30px;
background: #4989ff;
/*background-color:#ad5a35;*/
color: #fff;
border-style: none;
box-shadow: 2px 2px 3px 1px #666;
text-shadow: 1px 1px 2px #000;
border:none;
margin-bottom: 20px;
}

img{
margin-bottom: 10px;
height: 100px;
max-width: 200px;
background-position:cover;
}

h2{
font-size:20px;
margin-bottom: 5px;
}

#txt{
line-height: 1.5;
}
/*.btn:hover {
background-color:#794127;
color: #fff;
}*/