/* reset.css   https://piccalil.li/blog/a-more-modern-css-reset/ */
*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

@font-face {
    font-family: 'Yesteryear';
    src: url("./Yesteryear/Yesteryear-Regular.ttf") format("truetype");
  }
@font-face {
    font-family: 'Keisei Tokumin';
    src: url("./Kaisei_Tokumin/KaiseiTokumin-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Keisei Tokumin';
    src: url("./Kaisei_Tokumin/KaiseiTokumin-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Keisei Tokumin';
    src: url("./Kaisei_Tokumin/KaiseiTokumin-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: bold;
}

:root {
    --black-blue-color: rgb(29, 29, 43);
    --gold-color: rgb(248, 221, 67);

    font-family: 'Keisei Tokumin', sans-serif;
    font-weight: 400;
}



header {
    display: grid;
    grid-template-columns: 70% 30%;
    background: var(--black-blue-color);
    color: var(--gold-color);
    font-size: 200%;
    padding: 1% 2%
}
header #title { 
    font-family: 'Yesteryear';
    text-align: left; 
}
header #menu {
    text-align: right;
}
header #menuButton {
    color: var(--gold-color);
    font-family: 'Yesteryear';
    background: none;
    font-size: smaller;
    width: 50%;
}
#humberger {
    display: none;
    font-family: 'Yesteryear';
    list-style: none;
}
.humMenu { 
    font-size: small;
    text-align: right;
}


#hero {
    display: block;
    width: 100%;
}
#hero img {
    display: block;
    height: 25em;
    width: 90vw;
    object-fit: cover;
    margin: 5% auto;
    border-radius: 5%;
    border: rgb(202, 202, 202) solid 2px;
}

.wrap2 {
    padding: 3%;
}

#intro #iceMenu {
    font-family: 'yesteryear';
    font-size: x-large;
}

#selectedIce{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#selectedIce img {
    display: block;
    min-width: 150px;
    max-width: 30%;;
    margin: 5%;
}

footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    background-color: var(--black-blue-color);
    color: whitesmoke;
    font-family: "Keisei Tokumin", sans-serif;
    padding: 2% 3%;
}
footer p {
    font-size: small;
}
footer .sample {
    text-align: left;
    margin: 2% 0 0 0;
    font-size: xx-small;
}