@font-face {
  font-family: "Kunstler";
  src: url("../assets/fonts/KunstlerScript.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'British';
    src: url('../assets/fonts/British.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'Peristiwa';
  src: url('../assets/fonts/Peristiwa.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
  -webkit-text-size-adjust: 100%;
}

body{
font-family:Arial,sans-serif;
background:#ECDAC6;
color:#222;
overflow-x:hidden;
}

body.locked{
overflow:hidden;
}

section{
text-align:center;
/*padding:60px 16px;*/
}



.container{
max-width:400px;
margin:auto;
padding:0 16px;
}

h1,h2,h3{
margin-bottom:15px;
}

a{
text-decoration:none;
}

img{
max-width:100%;
display:block;
}

html, body{
height:100%;
overflow-x:hidden;
}

/* hide scrollbar */
body{
scrollbar-width:none;
}

body::-webkit-scrollbar{
display:none;
}