/* polices */
@font-face {
    font-family: 'Eiko';
    src: url(./fonts/PPEiko-Thin.otf);
}

@font-face {
    font-family: 'Kyoto';
    src: url(./fonts/PPKyoto-Extrabold.otf);
}

@font-face {
    font-family: 'Kyoto_Thin';
    src: url(./fonts/PPKyoto-Thin.otf);
}
/* reset global */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* anti scroll horizontal */
    font-family:'Kyoto';
}

html {
    font-size: 100%;
}

h1, h2,h3,h4,h5,h6{
    font-family: 'Eiko';
}
/* theme */
body.dark {
    background-color: #0A0A0A;
    color: #D9D9D9;
}

body.light {
    background-color: #f8f8f8;
    color: #0A0A0A;
}

a {
  text-decoration: none;
  color:#FFB6D9;
}
a:hover {
  border-bottom: 1px solid #FFB6D9;
}