body {

margin: 0;
/* font: normal 75% Arial, Helvetica, sans-serif; */

}

canvas {

display: block;
vertical-align: bottom;

}

particles {

position: absolute;
width: 100%;
height: 100%;
background-color: {{ site.page_color | default: "#FFFFFF" }};
/* background-image: url('https://cdn.statically.io/img/vincentgarreau.com/f=auto,q=:75/particles.js/assets/img/kbLd9vb_new.gif'); */
background-repeat: no-repeat;
background-size: 60%;
background-position: 0 50%;

}

.card {

margin: 0 auto; /* Added */
float: none; /* Added */
margin-bottom: 38px; /* Added */
border: none;
border-radius: 10px;

} /* .main {

position: relative;

} */

.main h1 {

margin: auto auto auto auto;
padding-top: 20%;
font-family: 'Kanit', sans-serif;
font-weight: bold;

}

.main countdown {

font-family: 'Major Mono Display', sans-serif;
font-weight: bold;
font-size: 30px;

}

.main until {

font-size: 20px;
font-family: 'Kanit', sans-serif;

}

@media screen and (min-width: 308px) {

h1 {
  padding-top: 50%;
}
.main {
  position: relative;
}

}