* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: flame;
    src: url(../font/flame/Flame-Regular.otf);
}
.flame {font-family: flame;}

body {background-color: rgb(253, 242, 244);}
/* header */
header {display: flex;}
.menu-head>h1 {font-size: 1.5rem;}
.menu-btn>a {text-decoration: none;}
.menu-btn>a>button {color: gray; padding: 10px; border: whitesmoke 1px transparent; background-color: transparent; border-radius: 20px;}

/* main */
.banner {display: flex; margin: 20px 80px;}
.text>h2 {font-size: 3.5rem;}
.text>a>button {font-size: 1rem; padding: 15px 80px; margin: 5px; border-radius: 30px;}
#btn1 {border: var(--red) 1px solid; }
#btn2 {border: var(--brown) 1px solid; background-color: transparent;}
#pic>p {font-size: .5rem;}

/* order */
.order {display: flex; margin: 20px 80px; gap: 5px; margin-bottom: 150px;}
.ord1 {margin: 5px; border-radius: 20px; background-color: var(--white);}
.ord1>img {border-radius: 20px 20px 0px 0px;}
.ord1>h3 {font-size: 1.5rem; padding: 10px 20px;} 
.ord1>p {font-size: .8rem; padding: 0px 20px; padding-bottom: 10px;} 
.ord1>a {text-decoration: none; font-size: .8rem; padding: 10px 20px; } 
.ord1>a>button { font-size: 1rem; padding: 10px 20px; border-radius: 20px;margin: 20px; background-color: transparent;border: var(--brown) 1px solid;} 
.ord2 {margin: 5px; border-radius: 20px; background-color: var(--white);}
.ord2>img {border-radius: 20px 20px 0px 0px;}
.ord2>h3 {font-size: 1.5rem; padding: 10px 20px;} 
.ord2>p {font-size: .8rem; padding: 0px 20px; padding-bottom: 10px;} 
.ord2>a {text-decoration: none; font-size: .8rem; padding: 10px 20px; } 
.ord2>a>button { font-size: 1rem; padding: 10px 20px; border-radius: 20px;margin: 20px; background-color: transparent;border: var(--brown) 1px solid;} 

/* about Us */
.about {display: flex; gap: 5px; background-color: #eee8de; margin-top: 20px;}
#qrcode>img {margin-top: -55px;}

#abtus {justify-content: start; }
#abtus>h3 {font-size: 3rem; gap: 20px; margin: 40px 0px;}
#abtus>a>img {margin-right: 20px; margin-bottom: 20px;}
#abtus>p {font-family: Arial, Helvetica, sans-serif;}

/* copy right */
.copyrig {padding: 20px; margin: 0; font-family: 'Times New Roman', Times, serif;}
.copyrig>p>a {text-decoration: none;}