/* fonts */
/* fonts */
 @font-face {
     font-family: NationalPark;
     src: url(../font/NationalPark-VariableVF.ttf);
}
 body {
     background-image: url(../img/bg/riso-black.png);
     background-attachment: fixed;
     color:#efede9;
     font-family:"NationalPark", Helvetica, sans-serif;
     text-align:center;
}
 .container {
     width:85%;
     max-width:800px;
     margin:auto;
     padding:15px;
     border-radius:2px;
     overflow-x: hidden;
}
 footer{
     image-rendering: pixelated;
     display: inline-block;
     margin: 5px;
     padding: 5px;
}
 footer img{
     padding: 15px;
}
 a {
     color:#ffc59e;
    text-shadow: #ff9046 0 0 6px;
}
 p {
    padding: 0.5em;
    text-align: right;
}
 * {
     scrollbar-color:#555568 #a0a08b;
}
 h1 {
     font-family: 'NationalPark';
     color: #ffc59e;
     font-size: 45px;
     text-transform: uppercase;
     text-shadow: #ff9046 0 0 6px;
}
h2 {
    text-transform: capitalize;
}

dt{
    text-align: left;
    font-weight: bold;
    letter-spacing:0.15rem;
    padding: 0.2rem;
}
dd{
    text-align: left;
    letter-spacing:0.1rem;
    padding: 0.35rem;
    color: #ff9046;
}

 ::selection {
     background-color:#211e20;
     color:#e9efec;
}

#button img{
    image-rendering: pixelated;
    height: 18px;
}

 #doll {
     float: right;
     width: 50%;
     padding: 1rem;
}
 #doll2{
    visibility: hidden;
     max-height: 0;
}
 #link {
     text-align: right;
}

 @media only screen and (max-width: 700px) {
     #doll {
         visibility: hidden;
         max-height: 0;
    }
     #doll2 {
         visibility: visible;
         max-height: fit-content;
    }
     p {
         text-align: center;
    }
     body{
    }
     .container {
         display: inline-block;
    }
     h1 {
         font-size: 30px;
    }
     .sticker img{
         padding: 5px 5px;
    }
}