@charset "utf-8";

html { margin: 0px; padding: 0px; background-color: #000000;}
/* add reset */
* {list-style: none; }
a {color: inherit; text-decoration: none;}
img {max-width: 100%; vertical-align: middle;}

/* layout */
.cont1 {background: url(/assets/images/pc01.png) no-repeat center; background-size: cover; width: 100vw; height: 100vh; text-align: center; position: relative;}
.cont1 .btn {position: absolute; bottom: 0; left: 0; right: 0;}
.cont1 .btn div:nth-child(1) {padding: 30px 0px 22px 0px; filter: drop-shadow(0 0 10px rgba(0, 255, 210, 0.7));}
.cont1 .btn div:nth-child(2) {padding: 30px 0px 35px 0px; filter: drop-shadow(0 0 10px rgba(0, 255, 210, 0.7));}

@media screen and (max-width: 600px) {
    .cont1 {background: url(/assets/images/mob01.png) no-repeat center; background-size: cover; width: 100vw; height: 100vh;}
    .cont1 .btn { bottom: 20%; left: 0; right: 0;}
    .cont1 .btn div:nth-child(1) {padding: 22px 20px 30px; filter: drop-shadow(0 0 10px rgba(0, 255, 210, 0.7));}
    .cont1 .btn div:nth-child(2) {padding: 30px 20px 35px; filter: drop-shadow(0 0 10px rgba(0, 255, 210, 0.7));}
}
@media screen and (max-width: 500px) {
    .cont1 {height: 89vh;}
}