@media screen and (min-width:320px)  {
   *{
    scroll-behavior: smooth;
   } 
.body{
    background-color:mintcream;
    max-width: 320px;
}
.navtop{
 /*border: solid 2px red;*/
 display: flex;
}
.navright{
   /* border: 2px solid red;*/
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
}
.navright img{
    border-radius: 50%;
}
.navright h1{
    color: black;
    font-family: 'Keania One', cursive;
    font-size: 40px;
    font-weight: lighter;
    padding-left: 10px;
    
}
.navleft{
    display: flex;
    font-size: 20px;
    padding-left:35px;
    margin-top: 33px;
}
.navleft a{
    padding-left:22px;
    font-weight: lighter;
    font-family: 'Inter', sans-serif;
    color: black;
    text-decoration: none;
}
.mobilebanner{
    display: flex;
    margin-right: 15px;
}
.mobilebanner img{
    border-radius: 30px;
    margin-top: 30px;
    margin-left: 10px;
    width: 780px;
}
.desktopbanner img{
    display: none;
}
.pc-banner img {
    display: none;
}
.carfting {
   /* border: solid 2px red;*/
    width: 760px;
    padding-left: 20px;
    margin-top: 50px;
    font-family: 'Inter',sans-serif;
    font-size: 19px;
}

.craftimages{
    display: flex;
   justify-content: space-between;
}
.craftimages img{
    width: 175px;
    height: 175px;
    border-radius: 50%;
   
}
.craft-img05 img{
    display: none;
}
.craft-img06 img{
    display: none;
}
.craftnote {
    display: flex;
    justify-content: space-around;
    font-family: 'Inter',sans-serif;
}
.craftnote h1{
    padding-left: 5px;
}
.craft-note02 {
    margin-left: 45px;
}
.for-note-00 h1{
    display: none;
}
.for-note-01 h1{
    display: none;
}


.Menu h1{
font-family: 'Inter',sans-serif;
font-size: 45px;
font-weight: lighter
}
.coffee-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 38px;
    font-weight: lighter;
}
.Menu {
   /* border: 2px solid red;*/
    width: 750px;
    margin-left: -10px;
}
.set1 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 380px;
   height: 280px;
   border-radius: 30px;
}

.set1-1 {
    display: flex;
}
.set1-1 img{
    margin-top: 50px;
    width: 140px;
    height: 140px;
    margin-left: 10px;
}
.set1-1 h2{
    margin-left: 10px;
    font-weight: lighter;
}
.set1-1 h6{
    margin-left: 16px;
    font-size: 18px;
    font-weight: lighter;
}
.qyt {
    display: flex;
}
.qyt p{
   width: 200px;
   margin-top: -30px;
   font-size: 22px;
   margin-left: -20px;
}
.qyt input{
    width: 40px;
    height: 40px;
    border-radius: 12px;
    margin-left: -10px;
    margin-top: -40px;
}
.note1down {
    background-color: #61432E;
    width: 150px;
    height: 40px;
    margin-left: 60px;
    margin-top: -25px;
    border-radius: 24px;
}
.price01 h3{
    color: mintcream;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: lighter;
}
.set2 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set1-2 {
     display: flex;
 }
 .set1-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set1-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set1-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -15px;
 }
 .qyt1 {
     display: flex;
 }
 .qyt1 p{
    width: 200px;
    margin-top: -30px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt1 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -40px;
 }
 .note2down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price02 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set3 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set2-1 {
     display: flex;
 }
 .set2-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set2-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set2-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt2 {
     display: flex;
 }
 .qyt2 p{
    width: 200px;
    margin-top: -10px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt2 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -20px;
 }
 .note3down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price03 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set4 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set2-2 {
     display: flex;
 }
 .set2-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set2-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set2-2 h6{
     margin-left: 18px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt3 {
     display: flex;
 }
 .qyt3 p{
    width: 200px;
    margin-top: -5px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt3 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note4down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price04 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set5 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set3-1 {
     display: flex;
 }
 .set3-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set3-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set3-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt4 {
     display: flex;
 }
 .qyt4 p{
    width: 200px;
    margin-top: -10px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt4 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -20px;
 }
 .note5down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price05 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set6 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .Set3-2 {
     display: flex;
 }
 .Set3-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .Set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .Set3-2 h6{
     margin-left: 18px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt5 {
     display: flex;
 }
 .qyt5 p{
    width: 200px;
    margin-top: -5px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt5 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note6down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price06 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set7 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set4-1 {
     display: flex;
 }
 .set4-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set4-1 h2{
     margin-left: 30px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .set4-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt6 {
     display: flex;
 }
 .qyt6 p{
    width: 200px;
    margin-top: -30px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt6 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -40px;
 }
 .note7down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price07 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set8 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set3-2 {
     display: flex;
 }
 .set3-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set3-2 h6{
     margin-left: 18px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt7 {
     display: flex;
 }
 .qyt7 p{
    width: 200px;
    margin-top: -5px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt7 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note8down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price08 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set9 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set5-1 {
     display: flex;
 }
 .set5-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set5-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set5-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt8 {
     display: flex;
 }
 .qyt8 p{
    width: 200px;
    margin-top: -10px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt8 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -20px;
 }
 .note9down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price09 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set10 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set5-2 {
     display: flex;
 }
 .set5-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set5-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set5-2 h6{
     margin-left: 18px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt9 {
     display: flex;
 }
 .qyt9 p{
    width: 200px;
    margin-top: -5px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt9 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note10down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price010 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set11 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set6-1 {
     display: flex;
 }
 .set6-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set6-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set6-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt10 {
     display: flex;
 }
 .qyt10 p{
    width: 200px;
    margin-top: -10px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt10 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -20px;
 }
 .note11down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price011 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set12 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set6-2 {
     display: flex;
 }
 .set6-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set6-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set6-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt11 {
     display: flex;
 }
 .qyt11 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt11 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -35px;
 }
 .note12down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price012 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Tea-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 38px;
    font-weight: lighter;
 }
 .set13 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set7-1 {
     display: flex;
 }
 .set7-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set7-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt12 {
     display: flex;
 }
 .qyt12 p{
    width: 200px;
    margin-top: -10px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt12 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -16px;
 }
 .note13down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price013 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set14 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set7-2 {
     display: flex;
 }
 .set7-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set7-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-2 h6{
     margin-left: 18px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt13 {
     display: flex;
 }
 .qyt13 p{
    width: 200px;
    margin-top: -5px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt13 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note14down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price014 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set15 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set8-1 {
     display: flex;
 }
 .set8-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set8-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt14 {
     display: flex;
 }
 .qyt14 p{
    width: 200px;
    margin-top: -5px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt14 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -16px;
 }
 .note15down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price015 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set16 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set8-2 {
     display: flex;
 }
 .set8-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set8-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt15 {
     display: flex;
 }
 .qyt15 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt15 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note16down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price016 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set17 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set9-1 {
     display: flex;
 }
 .set9-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set9-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt16 {
     display: flex;
 }
 .qyt16 p{
    width: 200px;
    margin-top: -5px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt16 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -16px;
 }
 .note17down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price017 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set18 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set9-2 {
     display: flex;
 }
 .set9-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set9-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt17 {
     display: flex;
 }
 .qyt17 p{
    width: 200px;
    margin-top: -05px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt17 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note18down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price018 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set19 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set10-1 {
     display: flex;
 }
 .set10-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set10-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set10-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt18 {
     display: flex;
 }
 .qyt18 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt18 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -25px;
 }
 .note19down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price019 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set20 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set10-2 {
     display: flex;
 }
 .set10-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set10-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set10-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt19 {
     display: flex;
 }
 .qyt19 p{
    width: 200px;
    margin-top: -05px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt19 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -15px;
 }
 .note20down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price020 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set21 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set11-1 {
     display: flex;
 }
 .set11-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set11-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set11-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt20 {
     display: flex;
 }
 .qyt20 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt20 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -25px;
 }
 .note21down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price021 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set22 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set11-2 {
     display: flex;
 }
 .set11-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set11-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set11-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt21 {
     display: flex;
 }
 .qyt21 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt21 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -35px;
 }
 .note22down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price022 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Milk-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 38px;
    font-weight: lighter;
 }
 .set23 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set12-1 {
     display: flex;
 }
 .set12-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set12-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set12-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt22 {
     display: flex;
 }
 .qyt22 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt22 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -25px;
 }
 .note23down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price023 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set24 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set12-2 {
     display: flex;
 }
 .set12-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set12-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set12-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt23 {
     display: flex;
 }
 .qyt23 p{
    width: 200px;
    margin-top: 5px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt23 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -5px;
 }
 .note24down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price024 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set25 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set13-1 {
     display: flex;
 }
 .set13-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set13-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set13-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt24 {
     display: flex;
 }
 .qyt24 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt24 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -25px;
 }
 .note25down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price025 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set26 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set13-2 {
     display: flex;
 }
 .set13-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set13-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set13-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt25 {
     display: flex;
 }
 .qyt25 p{
    width: 200px;
    margin-top: 0px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt25 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -10px;
 }
 .note26down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price026 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set27 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set14-1 {
     display: flex;
 }
 .set14-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set14-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set14-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt26 {
     display: flex;
 }
 .qyt26 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt26 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -25px;
 }
 .note27down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price027 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set28 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set14-2 {
     display: flex;
 }
 .set14-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set14-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set14-2 h6{
     margin-left: 18px;
     font-size: 20px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt27 {
     display: flex;
 }
 .qyt27 p{
    width: 200px;
    margin-top: 0px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt27 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -10px;
 }
 .note28down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price028 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .chocolate-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 38px;
    font-weight: lighter;
 }
 .set29 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set15-1 {
     display: flex;
 }
 .set15-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set15-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set15-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt28 {
     display: flex;
 }
 .qyt28 p{
    width: 200px;
    margin-top: -30px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt28 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -40px;
 }
 .note29down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price029 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set30 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set15-2 {
     display: flex;
 }
 .set15-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set15-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set15-2 h6{
     margin-left: 18px;
     font-size: 20px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt29 {
     display: flex;
 }
 .qyt29 p{
    width: 200px;
    margin-top: 0px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt29 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -10px;
 }
 .note30down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price030 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set31 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set16-1 {
     display: flex;
 }
 .set16-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set16-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set16-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt30 {
     display: flex;
 }
 .qyt30 p{
    width: 200px;
    margin-top: -10px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt30 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -20px;
 }
 .note31down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price031 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set32 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set16-2 {
     display: flex;
 }
 .set16-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set16-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set16-2 h6{
     margin-left: 18px;
     font-size: 20px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt31 {
     display: flex;
 }
 .qyt31 p{
    width: 200px;
    margin-top: -30px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt31 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -40px;
 }
 .note32down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price032 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set33 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set17-1 {
     display: flex;
 }
 .set17-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set17-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set17-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt32 {
     display: flex;
 }
 .qyt32 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt32 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -25px;
 }
 .note33down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price033 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set34 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set17-2 {
     display: flex;
 }
 .set17-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set17-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set17-2 h6{
     margin-left: 18px;
     font-size: 20px;
     font-weight: lighter;
     margin-top: 35px;
 }
 .qyt33 {
     display: flex;
 }
 .qyt33 p{
    width: 200px;
    margin-top: -15px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt33 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -25px;
 }
 .note34down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price034 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set35 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set18-1 {
     display: flex;
 }
 .set18-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set18-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set18-1 h6{
     margin-left: 16px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt34 {
     display: flex;
 }
 .qyt34 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt34 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -35px;
 }
 .note35down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price035 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set36 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set18-2 {
     display: flex;
 }
 .set18-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set18-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set18-2 h6{
     margin-left: 18px;
     font-size: 20px;
     font-weight: lighter;
     margin-top: -10px;
 }
 .qyt35 {
     display: flex;
 }
 .qyt35 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt35 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -35px;
 }
 .note36down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price036 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .cakes-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 38px;
    font-weight: lighter;
 }
 .set37 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set19-1 {
     display: flex;
 }
 .set19-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set19-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set19-1 h6{
     margin-left: 16px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt36 {
     display: flex;
 }
 .qyt36 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt36 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -35px;
 }
 .note37down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price037 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set38 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set19-2 {
     display: flex;
 }
 .set19-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set19-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set19-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt37 {
     display: flex;
 }
 .qyt37 p{
    width: 200px;
    margin-top: -20px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt37 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -25px;
 }
 .note38down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price038 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set39 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set20-1 {
     display: flex;
 }
 .set20-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set20-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-1 h6{
     margin-left: 16px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt38 {
     display: flex;
 }
 .qyt38 p{
    width: 200px;
    margin-top: -10px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt38 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -20px;
 }
 .note39down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price039 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set40 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set20-2 {
     display: flex;
 }
 .set20-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set20-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt39 {
     display: flex;
 }
 .qyt39 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt39 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -35px;
 }
 .note40down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price040 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set41 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set21-1 {
     display: flex;
 }
 .set21-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set21-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set21-1 h6{
     margin-left: 16px;
     font-size: 19px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt40 {
     display: flex;
 }
 .qyt40 p{
    width: 200px;
    margin-top: -30px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt40 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -40px;
 }
 .note41down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price041 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set42 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set21-2 {
     display: flex;
 }
 .set21-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set21-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set21-2 h6{
     margin-left: 18px;
     font-size: 21px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt41 {
     display: flex;
 }
 .qyt41 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt41 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -35px;
 }
 .note42down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price042 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set43 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set22-1 {
     display: flex;
 }
 .set22-1 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set22-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set22-1 h6{
     margin-left: 16px;
     font-size: 19px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt42 {
     display: flex;
 }
 .qyt42 p{
    width: 200px;
    margin-top: -30px;
    font-size: 22px;
    margin-left: -20px;
   
 }
 .qyt42 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -10px;
     margin-top: -40px;
 }
 .note43down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 60px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price043 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set44 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 380px;
    height: 280px;
    border-radius: 30px;
    margin-top: -280px;
    margin-left: 390px;
 }
 
 .set22-2 {
     display: flex;
 }
 .set22-2 img{
     margin-top: 50px;
     width: 150px;
     height: 150px;
     margin-left: 10px;
 }
 .set22-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set22-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt43 {
     display: flex;
 }
 .qyt43 p{
    width: 200px;
    margin-top: -25px;
    font-size: 22px;
    margin-left: -20px;
 }
 .qyt43 input{
     width: 40px;
     height: 40px;
     border-radius: 12px;
     margin-left: -20px;
     margin-top: -35px;
 }
 .note44down {
     background-color: #61432E;
     width: 150px;
     height: 40px;
     margin-left: 50px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price044 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }

     .ordersummary {
        display: flex;
        /*border: 2px solid red;*/
        width: 780px;
        margin-top: 20px;
    }
    
    .ordersummary h3{
        width: 500px;
        margin-top: 30px;
        margin-left: 20px;
        font-size: 29px;
        position: absolute;
    }
    .ordersummary button{
        width: 190px;
        height: 75px;
        background-color:  #4B3526;
        border-radius: 60px;
        color: mintcream;
        font-family: 'Inter',sans-serif;
        font-size: 25px;
        margin-left: 550px;
        font-weight: bolder;
       margin-top: 10px;
    }
 .order-vid {
    width: 300px;
    margin-top: 120px;
    margin-bottom: 50px;
    margin-left: -750px;
}
.order-vid h1{
   /* border: solid 2px red ;*/
    width:500px;
    font-size: 25px;
    font-family: 'Inter',sans-serif;
    color: black;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 200px;
}
#video {
    width: 750px;
    height: 400px;
    margin-left: 10px;
    border-radius: 24px;
    border: solid 4px black;
}
    .learnmore {
        position: relative;
        margin-top: 90px;
        margin-left: -5px;
     }
     .learnmore img{
        position: absolute;
        display: block;
        z-index: 1;
        width: 775px;
        height: 1100px;
        border-radius: 30px;
     }
     .for-pc{
        display: none;
     }
     .learnmore h1{
        position: absolute;
        z-index: 2;
        color: mintcream;
        font-family: 'Inter', sans-serif;
        font-weight: bolder;
        font-size: 140px;
        margin-left: 43px;
        padding-top: 10px;
     }
     .learnmore button{
        position: absolute;
        z-index: 3;
        width: 300px;
        height: 80px;
        background-color: rgba(255, 213, 123, 0.9);
        border-radius: 90px;
        color:#4B3526; 
        font-size: 44px;
        font-weight: bolder;
        margin-top: 1000px;
        margin-left: 440px;
     }
     .learnmore a{
        text-decoration: none;
        color: #4B3526;
     }
    .info {
        margin-top: 1330px;
        font-family: 'Inter',sans-serif;
        width: 750px;
        margin-left: 5px;
         }
         .info h1{
            width: 700px;
            font-size: 38px;
            margin-left: 40px;
            font-weight: 500;
         }
         .foot {
            background-color: #61432E;
            width: 775px;
            height: 830px;
            margin-top: 30px;
            margin-left: -5px;
            border-radius: 24px;
         }
         .foottop h1{
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 47px;
            padding-top: 80px;
            padding-left: 35px;
         }
         .footmid{
            width: 770px;
            display: flex;
         }
         .midleft img{
            width: 280px;
            height: 280px;
            border-radius: 24px;
            margin-left: 50px;
            margin-top: 150px;
         }
         .midcenter {
            width: 100px;
            margin-top: 120px;
         }
         .midcenter li{
            list-style: none;
            padding-top: 70px;
            padding-left: 40px;
         }
         .midcenter a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 35px;
            font-weight: 200;
         }
         .midright {
            width: 100px;
            margin-top: 110px;
         }
         .midright li{
            list-style: none;
            padding-top: 60px;
            padding-left: 100px;
         }
         .midright a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 35px;
            font-weight: 200;
         }
         .footdown {
            width: 700px;
            display: flex;
            margin-top: 130px;
            margin-left: 30px;
         }
         .footdown img{
            width: 75px;
            height: 75px;
         }
         .footdown h2{
            color: mintcream;
            font-size: 33px;
            font-family: 'Inter',sans-serif;
            font-weight: lighter;
            margin-top: 19px;
            margin-left: 10px;
         }
        }
 @media screen and (min-width:768px)  {
   *{
    scroll-behavior: smooth;
   } 
.body{
    background-color:mintcream;
    max-width: 320px;
}
.navtop{
 /*border: solid 2px red;*/
 display: flex;
}
.navright{
   /* border: 2px solid red;*/
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
}
.navright img{
    border-radius: 50%;
    width: 125px;
    height: 125px;
}
.navright h1{
    color: black;
    font-family: 'Keania One', cursive;
    font-size: 40px;
    font-weight: lighter;
    padding-left: 10px;
    
}
.navleft{
    display: flex;
    font-size: 20px;
    padding-left:35px;
    margin-top: 33px;
}
.navleft a{
    padding-left:22px;
    font-weight: lighter;
    font-family: 'Inter', sans-serif;
    color: black;
    text-decoration: none;
}
   .mobilebanner img{
    display: none;
} 
.desktopbanner{
    width: 100%;
}
 .desktopbanner img{
    display: block;
     border-radius: 30px;
    margin-top: 30px;
    margin-left: 18px;
    width: 760px;
}
.pc-banner img{
    display: none;
}
.carfting {
   /* border: solid 2px red;*/
    width: 760px;
    padding-left: 20px;
    margin-top: 50px;
    font-family: 'Inter',sans-serif;
    font-size: 16px;
}

.craftimages{
    display: flex;
}
.craftimages img{
    width: 125px;
    height: 125px;
    border-radius: 50%;
   margin-right: 60px;
}
.craft-img01 img{
    margin-left: 10px;
}
.craft-img02 img{
    margin-left: -40px;
}
.craft-img03 img{
    margin-left: -40px;
}
.craft-img04 img{
    margin-left: -30px;
}
.craft-img05 img{
    display: none;
}
.craft-img06 img{
 display: none;
}
.craftnote {
    display: flex;
    justify-content: space-around;
    font-family: 'Inter',sans-serif;
}
.craftnote h1{
    font-size: 27px;
}
.craft-note01 h1{
margin-left: -15px;
}
.craft-note02{
    margin-left: 15px;
}
.craft-note03{
    margin-left: -10px;
}
.craft-note04{
    margin-right: 20px;
}
.for-note-00 h1 {
    display: none;
}
.for-note-01 h1 {
    display: none;
}
.Menu h1{
font-family: 'Inter',sans-serif;
font-size: 40px;
font-weight: lighter;
margin-top: 80px;
}
.coffee-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 33px;
    font-weight: lighter;
}
.Menu {
   /* border: 2px solid red;*/
    width: 750px;
    margin-left: -10px;
}
.set1 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
}

.set1-1 {
    display: flex;
}
.set1-1 img{
    margin-top: 50px;
    width: 120px;
    height: 120px;
    margin-left: 10px;
}
.set1-1 h2{
    margin-left: 10px;
    font-weight: lighter;
}
.set1-1 h6{
    margin-left: 16px;
    font-size: 16px;
    font-weight: lighter;
}
.qyt {
    display: flex;
}
.qyt p{
   width: 200px;
   margin-top: -30px;
   font-size: 18px;
   margin-left: 20px;
}
.qyt input{
    width: 30px;
    height: 30px;
    border-radius: 12px;
    margin-left: -40px;
    margin-top: -40px;
}
.note1down {
    background-color: #61432E;
    width: 130px;
    height: 35px;
    margin-left: 80px;
    margin-top: -15px;
    border-radius: 24px;
}
.price01 h3{
    color: mintcream;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: lighter;
}
.set2 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set1-2 {
     display: flex;
 }
 .set1-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set1-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set1-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 45px;
 }
 .qyt1 {
     display: flex;
 }
 .qyt1 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt1 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note2down {
     background-color: #61432E;
     width: 130px;
     height: 33px;
     margin-left: 80px;
     margin-top: -8px;
     border-radius: 24px;
 }
 .price02 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set3 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
    margin-top: 20px;
 }
 
 .set2-1 {
     display: flex;
 }
 .set2-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set2-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set2-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt2 {
     display: flex;
 }
 .qyt2 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt2 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note3down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price03 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set4 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set2-2 {
     display: flex;
 }
 .set2-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set2-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set2-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 25px;
 }
 .qyt3 {
     display: flex;
 }
 .qyt3 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt3 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note4down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 15px;
     border-radius: 24px;
 }
 .price04 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set5 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set3-1 {
     display: flex;
 }
 .set3-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set3-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt4 {
     display: flex;
 }
 .qyt4 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt4 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note5down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price05 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set6 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .Set3-2 {
     display: flex;
 }
 .Set3-2 img{
    width: 120px;
    height: 120px;
     margin-top: 50px;
     margin-left: 10px;
 }
 .Set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .Set3-2 h6{
     margin-left: 18px;
     font-weight: lighter;
     margin-top: 0px;
     font-size: 16px;
 }
 .qyt5 {
     display: flex;
 }
 .qyt5 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt5 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note6down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 10px;
     border-radius: 24px;
 }
 .price06 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set7 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set4-1 {
     display: flex;
 }
 .set4-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set4-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     margin-top: 20px;
     font-size: 24px;
 }
 .set4-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 40px;
 }
 .qyt6 {
     display: flex;
 }
 .qyt6 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt6 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note7down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -18px;
     border-radius: 24px;
 }
 .price07 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set8 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set3-2 {
     display: flex;
 }
 .set3-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
     font-size: 25px;
 }
 .set3-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt7 {
     display: flex;
 }
 .qyt7 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt7 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note8down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price08 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set9 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set5-1 {
     display: flex;
 }
 .set5-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set5-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set5-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt8 {
     display: flex;
 }
 .qyt8 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt8 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note9down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price09 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set10 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set5-2 {
     display: flex;
 }
 .set5-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set5-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set5-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt9 {
     display: flex;
 }
 .qyt9 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 30px;
 }
 .qyt9 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note10down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price010 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set11 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set6-1 {
     display: flex;
 }
 .set6-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set6-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set6-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt10 {
     display: flex;
 }
 .qyt10 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 30px;
   
 }
 .qyt10 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note11down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price011 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set12 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set6-2 {
     display: flex;
 }
 .set6-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set6-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set6-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt11 {
     display: flex;
 }
 .qyt11 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt11 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note12down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price012 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Tea-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 33px;
    font-weight: lighter;
 }
 .set13 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set7-1 {
     display: flex;
 }
 .set7-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set7-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt12 {
     display: flex;
 }
 .qyt12 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt12 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note13down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price013 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set14 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set7-2 {
     display: flex;
 }
 .set7-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set7-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt13 {
     display: flex;
 }
 .qyt13 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt13 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note14down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price014 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set15 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set8-1 {
     display: flex;
 }
 .set8-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt14 {
     display: flex;
 }
 .qyt14 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt14 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note15down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 85px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price015 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set16 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set8-2 {
     display: flex;
 }
 .set8-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt15 {
     display: flex;
 }
 .qyt15 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt15 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note16down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price016 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set17 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set9-1 {
     display: flex;
 }
 .set9-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set9-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 3px;
 }
 .qyt16 {
     display: flex;
 }
 .qyt16 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt16 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note17down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price017 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set18 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set9-2 {
     display: flex;
 }
 .set9-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set9-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt17 {
     display: flex;
 }
 .qyt17 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt17 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note18down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price018 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set19 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set10-1 {
     display: flex;
 }
 .set10-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set10-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set10-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt18 {
     display: flex;
 }
 .qyt18 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt18 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note19down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price019 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set20 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set10-2 {
     display: flex;
 }
 .set10-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set10-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set10-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 5px;
 }
 .qyt19 {
     display: flex;
 }
 .qyt19 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt19 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note20down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price020 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set21 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set11-1 {
     display: flex;
 }
 .set11-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set11-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set11-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt20 {
     display: flex;
 }
 .qyt20 p{
    width: 200px;
    margin-top: -25px;
    font-size:18px;
    margin-left: 20px;
   
 }
 .qyt20 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note21down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price021 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set22 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set11-2 {
     display: flex;
 }
 .set11-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set11-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set11-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt21 {
     display: flex;
 }
 .qyt21 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt21 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note22down {
     background-color: #61432E;
     width: 120px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price022 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Milk-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 30px;
    font-weight: lighter;
 }
 .set23 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set12-1 {
     display: flex;
 }
 .set12-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set12-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set12-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt22 {
     display: flex;
 }
 .qyt22 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt22 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note23down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -23px;
     border-radius: 24px;
 }
 .price023 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set24 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set12-2 {
     display: flex;
 }
 .set12-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set12-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set12-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt23 {
     display: flex;
 }
 .qyt23 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt23 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note24down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -2px;
     border-radius: 24px;
 }
 .price024 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set25 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set13-1 {
     display: flex;
 }
 .set13-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set13-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set13-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt24 {
     display: flex;
 }
 .qyt24 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt24 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note25down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price025 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set26 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set13-2 {
     display: flex;
 }
 .set13-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set13-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set13-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt25 {
     display: flex;
 }
 .qyt25 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt25 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note26down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price026 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set27 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set14-1 {
     display: flex;
 }
 .set14-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set14-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set14-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt26 {
     display: flex;
 }
 .qyt26 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt26 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note27down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price027 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set28 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set14-2 {
     display: flex;
 }
 .set14-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set14-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set14-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt27 {
     display: flex;
 }
 .qyt27 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt27 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note28down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price028 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .chocolate-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 30px;
    font-weight: lighter;
 }
 .set29 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set15-1 {
     display: flex;
 }
 .set15-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set15-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set15-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt28 {
     display: flex;
 }
 .qyt28 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt28 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note29down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price029 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set30 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set15-2 {
     display: flex;
 }
 .set15-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set15-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set15-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt29 {
     display: flex;
 }
 .qyt29 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt29 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note30down {
     background-color: #61432E;
     width: 140px;
     height:35px;
     margin-left: 50px;
     margin-top: 3px;
     margin-left: 80px;
     border-radius: 24px;
 }
 .price030 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set31 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set16-1 {
     display: flex;
 }
 .set16-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set16-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set16-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt30 {
     display: flex;
 }
 .qyt30 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt30 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note31down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price031 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set32 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set16-2 {
     display: flex;
 }
 .set16-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set16-2 h2{
     margin-left: 0px;
     font-weight: lighter;
 }
 .set16-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt31 {
     display: flex;
 }
 .qyt31 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt31 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note32down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price032 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set33 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set17-1 {
     display: flex;
 }
 .set17-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set17-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set17-1 h6{
     margin-left: 16px;
     font-size: 15px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt32 {
     display: flex;
 }
 .qyt32 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt32 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note33down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price033 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set34 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set17-2 {
     display: flex;
 }
 .set17-2 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set17-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set17-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt33 {
     display: flex;
 }
 .qyt33 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt33 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note34down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 60px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price034 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set35 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set18-1 {
     display: flex;
 }
 .set18-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set18-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-1 h6{
     margin-left: 16px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt34 {
     display: flex;
 }
 .qyt34 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt34 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note35down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price035 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set36 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set18-2 {
     display: flex;
 }
 .set18-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set18-2 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -10px;
 }
 .qyt35 {
     display: flex;
 }
 .qyt35 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt35 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note36down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price036 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .cakes-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 30px;
    font-weight: lighter;
 }
 .set37 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set19-1 {
     display: flex;
 }
 .set19-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set19-1 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set19-1 h6{
     margin-left: 12px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt36 {
     display: flex;
 }
 .qyt36 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt36 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note37down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price037 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set38 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set19-2 {
     display: flex;
 }
 .set19-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set19-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set19-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: -2px;
 }
 .qyt37 {
     display: flex;
 }
 .qyt37 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt37 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note38down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price038 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set39 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set20-1 {
     display: flex;
 }
 .set20-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt38 {
     display: flex;
 }
 .qyt38 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt38 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note39down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price039 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set40 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set20-2 {
     display: flex;
 }
 .set20-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt39 {
     display: flex;
 }
 .qyt39 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt39 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note40down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price040 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set41 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set21-1 {
     display: flex;
 }
 .set21-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set21-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set21-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt40 {
     display: flex;
 }
 .qyt40 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt40 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note41down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price041 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set42 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set21-2 {
     display: flex;
 }
 .set21-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set21-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set21-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt41 {
     display: flex;
 }
 .qyt41 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt41 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note42down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price042 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set43 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set22-1 {
     display: flex;
 }
 .set22-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set22-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set22-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt42 {
     display: flex;
 }
 .qyt42 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt42 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note43down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: +90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price043 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set44 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set22-2 {
     display: flex;
 }
 .set22-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set22-2 h2{
     margin-left: 10px;
     font-size: 22px;
     font-weight: lighter;
 }
 .set22-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -7px;
 }
 .qyt43 {
     display: flex;
 }
 .qyt43 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt43 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note44down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left:80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price044 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }

     .ordersummary {
        display: flex;
        /*border: 2px solid red;*/
        width: 780px;
        margin-top: 20px;
    }
    
    .ordersummary h3{
        width: 500px;
        margin-top: 30px;
        margin-left: 20px;
        font-size: 29px;
        position: absolute;
    }
    .ordersummary button{
        width: 190px;
        height: 75px;
        background-color:  #4B3526;
        border-radius: 60px;
        color: mintcream;
        font-family: 'Inter',sans-serif;
        font-size: 25px;
        margin-left: 550px;
        font-weight: bolder;
       margin-top: 10px;
    }
    .order-vid {
    width: 500px;
}
.order-vid h1{
   /* border: solid 2px red ;*/
    width:500px;
    font-size: 25px;
    font-family: 'Inter',sans-serif;
    color: black;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 200px;
}
#video {
    width: 750px;
    height: 400px;
    margin-left: 10px;
    border-radius: 24px;
    border: solid 4px black;
}

    .learnmore {
        position: relative;
        margin-top: 90px;
        margin-left: -5px;
     }
     .learnmore img{
        position: absolute;
        z-index: 1;
        width: 775px;
        height: 900px;
        border-radius: 30px;
     }
     .learnmore h1{
        position: absolute;
        z-index: 2;
        color: mintcream;
        font-family: 'Inter', sans-serif;
        font-weight: bolder;
        font-size: 140px;
        margin-left: 43px;
        margin-top: -15px;
     }
     .learnmore button{
        position: absolute;
        z-index: 3;
        width: 260px;
        height: 80px;
        background-color: rgba(255, 213, 123, 0.9);
        border-radius: 90px;
        color:#4B3526; 
        font-size: 40px;
        font-weight: bolder;
        margin-top: 800px;
        margin-left: 500px;
     }
     .learnmore a{
        text-decoration: none;
        color: #4B3526;
     }
    .info {
        margin-top: 1060px;
        font-family: 'Inter',sans-serif;
        width: 750px;
        margin-left: 5px;
         }
         .info h1{
            width: 700px;
            font-size: 38px;
            margin-left: 40px;
            font-weight: 500;
            padding-top: 2px;
         }
         .foot {
            background-color: #61432E;
            width: 775px;
            height: 830px;
            margin-top: 30px;
            margin-left: -5px;
            border-radius: 24px;
         }
         .foottop h1{
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 42px;
            padding-top: 80px;
            padding-left: 35px;
         }
         .footmid{
            width: 770px;
            display: flex;
         }
         .midleft img{
            width: 280px;
            height: 280px;
            border-radius: 24px;
            margin-left: 50px;
            margin-top: 120px;
         }
         .midcenter {
            width: 100px;
            margin-top: 90px;
         }
         .midcenter li{
            list-style: none;
            padding-top: 70px;
            padding-left: 50px;
         }
         .midcenter a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 35px;
            font-weight: 200;
         }
         .midright {
            width: 100px;
            margin-top: 90px;
         }
         .midright li{
            list-style: none;
            padding-top: 60px;
            padding-left: 160px;
         }
         .midright a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 35px;
            font-weight: 200;
         }
         .footdown {
            width: 700px;
            display: flex;
            margin-top: 130px;
            margin-left: 30px;
         }
         .footdown img{
            width: 75px;
            height: 75px;
         }
         .footdown h2{
            color: mintcream;
            font-size: 33px;
            font-family: 'Inter',sans-serif;
            font-weight: lighter;
            margin-top: 19px;
            margin-left: 10px;
         }
        }
 @media screen and (min-width:1024px){
   *{
    scroll-behavior: smooth;
   } 
.body{
    background-color:mintcream;
    max-width: 320px;
}
.navtop{
 /*border: solid 2px red;*/
 display: flex;
}
.navright{
   /* border: 2px solid red;*/
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
}
.navright img{
    border-radius: 50%;
    width: 90px;
    height:90px;
}
.navright h1{
    color: black;
    font-family: 'Keania One', cursive;
    font-size: 37px;
    font-weight: lighter;
    padding-left: 10px;
    
}
.navleft{
    display: flex;
    font-size: 18px;
    padding-left:305px;
    margin-top: 33px;
}
.navleft a{
    padding-left:22px;
    font-weight: lighter;
    font-family: 'Inter', sans-serif;
    color: black;
    text-decoration: none;
}
   .mobilebanner img{
    display: none;
} 
 .desktopbanner img{
    display:none;
}
.pc-banner {
    display: block;
}
.pc-banner img{
    display: block;
    border-radius: 24px;
    width: 920px;
    height: 250px;
    margin-top: 40px;
    margin-left: 30px;
}
.carfting {
   /* border: solid 2px red;*/
    width: 760px;
    padding-left: 20px;
    margin-top: 70px;
    font-family: 'Inter',sans-serif;
    font-size: 15px;
}

.craftimages{
    display: flex;
}
.craftimages img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
   margin-right: 30px;
}
.craft-img01 img{
    margin-left: 25px;
}
.craft-img02 img{
    margin-left: 25px;
}
.craft-img03 img{
    margin-left:25px;
}
.craft-img04 img{
    margin-left: 25px;
}
.craft-img05 img{
    display: block;
    margin-left: 25px;
}
.craft-img06 img{
 display: block;
 margin-left: 25px;
 margin-top: 3px;
 
}
.craftnote {
    display: flex;
    justify-content: space-around;
    font-family: 'Inter',sans-serif;
}
.craftnote h1{
    font-size: 22px;
}
.craft-note01 h1{
margin-left: 35px;
}
.craft-note02{
    margin-left: 80px;
    margin-right: 2px;
}
.craft-note03{
    margin-left: 65px;
    margin-right: 30px;
}
.craft-note04{
    margin-right: 25px;
    margin-left: 22px;
}
.for-note-00 {
    margin-left: 25px;
}
.for-note-00 h1 {
    width:100px;
    display: block;
    margin-left: 160px;
}
.for-note-01 {
    margin-left: 10px;
}
.for-note-01 h1 {
    display: block;
    margin-top: -40px;
    margin-left: 30px;
}
.Menu h1{
font-family: 'Inter',sans-serif;
font-size: 40px;
font-weight: lighter;
margin-top: 80px;
}
.coffee-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 33px;
    font-weight: lighter;
}
.Menu {
   /* border: 2px solid red;*/
    width: 750px;
    margin-left: -10px;
    padding-left: 90px;
}
.set1 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
}

.set1-1 {
    display: flex;
}
.set1-1 img{
    margin-top: 50px;
    width: 120px;
    height: 120px;
    margin-left: 10px;
}
.set1-1 h2{
    margin-left: 10px;
    font-weight: lighter;
}
.set1-1 h6{
    margin-left: 16px;
    font-size: 16px;
    font-weight: lighter;
}
.qyt {
    display: flex;
}
.qyt p{
   width: 200px;
   margin-top: -30px;
   font-size: 18px;
   margin-left: 20px;
}
.qyt input{
    width: 30px;
    height: 30px;
    border-radius: 12px;
    margin-left: -40px;
    margin-top: -40px;
}
.note1down {
    background-color: #61432E;
    width: 130px;
    height: 35px;
    margin-left: 80px;
    margin-top: -15px;
    border-radius: 24px;
}
.price01 h3{
    color: mintcream;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: lighter;
}
.set2 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set1-2 {
     display: flex;
 }
 .set1-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set1-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set1-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 45px;
 }
 .qyt1 {
     display: flex;
 }
 .qyt1 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt1 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note2down {
     background-color: #61432E;
     width: 130px;
     height: 33px;
     margin-left: 80px;
     margin-top: -8px;
     border-radius: 24px;
 }
 .price02 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set3 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
    margin-top: 20px;
 }
 
 .set2-1 {
     display: flex;
 }
 .set2-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set2-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set2-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt2 {
     display: flex;
 }
 .qyt2 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt2 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note3down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price03 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set4 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set2-2 {
     display: flex;
 }
 .set2-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set2-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set2-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 25px;
 }
 .qyt3 {
     display: flex;
 }
 .qyt3 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt3 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note4down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 15px;
     border-radius: 24px;
 }
 .price04 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set5 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set3-1 {
     display: flex;
 }
 .set3-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set3-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt4 {
     display: flex;
 }
 .qyt4 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt4 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note5down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price05 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set6 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .Set3-2 {
     display: flex;
 }
 .Set3-2 img{
    width: 120px;
    height: 120px;
     margin-top: 50px;
     margin-left: 10px;
 }
 .Set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .Set3-2 h6{
     margin-left: 18px;
     font-weight: lighter;
     margin-top: 0px;
     font-size: 16px;
 }
 .qyt5 {
     display: flex;
 }
 .qyt5 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt5 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note6down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 10px;
     border-radius: 24px;
 }
 .price06 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set7 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set4-1 {
     display: flex;
 }
 .set4-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set4-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     margin-top: 20px;
     font-size: 24px;
 }
 .set4-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 40px;
 }
 .qyt6 {
     display: flex;
 }
 .qyt6 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt6 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note7down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -18px;
     border-radius: 24px;
 }
 .price07 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set8 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set3-2 {
     display: flex;
 }
 .set3-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
     font-size: 25px;
 }
 .set3-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt7 {
     display: flex;
 }
 .qyt7 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt7 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note8down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price08 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set9 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set5-1 {
     display: flex;
 }
 .set5-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set5-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set5-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt8 {
     display: flex;
 }
 .qyt8 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt8 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note9down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price09 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set10 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set5-2 {
     display: flex;
 }
 .set5-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set5-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set5-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt9 {
     display: flex;
 }
 .qyt9 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 30px;
 }
 .qyt9 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note10down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price010 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set11 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set6-1 {
     display: flex;
 }
 .set6-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set6-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set6-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt10 {
     display: flex;
 }
 .qyt10 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 30px;
   
 }
 .qyt10 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note11down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price011 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set12 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set6-2 {
     display: flex;
 }
 .set6-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set6-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set6-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt11 {
     display: flex;
 }
 .qyt11 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt11 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note12down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price012 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Tea-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 33px;
    font-weight: lighter;
 }
 .set13 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set7-1 {
     display: flex;
 }
 .set7-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set7-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt12 {
     display: flex;
 }
 .qyt12 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt12 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note13down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price013 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set14 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set7-2 {
     display: flex;
 }
 .set7-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set7-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt13 {
     display: flex;
 }
 .qyt13 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt13 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note14down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price014 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set15 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set8-1 {
     display: flex;
 }
 .set8-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt14 {
     display: flex;
 }
 .qyt14 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt14 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note15down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 85px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price015 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set16 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set8-2 {
     display: flex;
 }
 .set8-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt15 {
     display: flex;
 }
 .qyt15 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt15 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note16down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price016 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set17 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set9-1 {
     display: flex;
 }
 .set9-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set9-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 3px;
 }
 .qyt16 {
     display: flex;
 }
 .qyt16 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt16 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note17down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price017 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set18 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set9-2 {
     display: flex;
 }
 .set9-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set9-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt17 {
     display: flex;
 }
 .qyt17 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt17 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note18down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price018 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set19 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set10-1 {
     display: flex;
 }
 .set10-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set10-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set10-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt18 {
     display: flex;
 }
 .qyt18 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt18 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note19down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price019 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set20 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set10-2 {
     display: flex;
 }
 .set10-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set10-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set10-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 5px;
 }
 .qyt19 {
     display: flex;
 }
 .qyt19 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt19 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note20down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price020 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set21 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set11-1 {
     display: flex;
 }
 .set11-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set11-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set11-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt20 {
     display: flex;
 }
 .qyt20 p{
    width: 200px;
    margin-top: -25px;
    font-size:18px;
    margin-left: 20px;
   
 }
 .qyt20 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note21down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price021 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set22 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set11-2 {
     display: flex;
 }
 .set11-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set11-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set11-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt21 {
     display: flex;
 }
 .qyt21 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt21 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note22down {
     background-color: #61432E;
     width: 120px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price022 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Milk-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 30px;
    font-weight: lighter;
 }
 .set23 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set12-1 {
     display: flex;
 }
 .set12-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set12-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set12-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt22 {
     display: flex;
 }
 .qyt22 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt22 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note23down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -23px;
     border-radius: 24px;
 }
 .price023 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set24 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set12-2 {
     display: flex;
 }
 .set12-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set12-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set12-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt23 {
     display: flex;
 }
 .qyt23 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt23 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note24down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -2px;
     border-radius: 24px;
 }
 .price024 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set25 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set13-1 {
     display: flex;
 }
 .set13-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set13-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set13-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt24 {
     display: flex;
 }
 .qyt24 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt24 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note25down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price025 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set26 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set13-2 {
     display: flex;
 }
 .set13-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set13-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set13-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt25 {
     display: flex;
 }
 .qyt25 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt25 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note26down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price026 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set27 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set14-1 {
     display: flex;
 }
 .set14-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set14-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set14-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt26 {
     display: flex;
 }
 .qyt26 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt26 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note27down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price027 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set28 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set14-2 {
     display: flex;
 }
 .set14-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set14-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set14-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt27 {
     display: flex;
 }
 .qyt27 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt27 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note28down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price028 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .chocolate-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 30px;
    font-weight: lighter;
 }
 .set29 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set15-1 {
     display: flex;
 }
 .set15-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set15-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set15-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt28 {
     display: flex;
 }
 .qyt28 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt28 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note29down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price029 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set30 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set15-2 {
     display: flex;
 }
 .set15-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set15-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set15-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt29 {
     display: flex;
 }
 .qyt29 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt29 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note30down {
     background-color: #61432E;
     width: 140px;
     height:35px;
     margin-left: 50px;
     margin-top: 3px;
     margin-left: 80px;
     border-radius: 24px;
 }
 .price030 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set31 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set16-1 {
     display: flex;
 }
 .set16-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set16-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set16-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt30 {
     display: flex;
 }
 .qyt30 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt30 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note31down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price031 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set32 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set16-2 {
     display: flex;
 }
 .set16-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set16-2 h2{
     margin-left: 0px;
     font-weight: lighter;
 }
 .set16-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt31 {
     display: flex;
 }
 .qyt31 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt31 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note32down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price032 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set33 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set17-1 {
     display: flex;
 }
 .set17-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set17-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set17-1 h6{
     margin-left: 16px;
     font-size: 15px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt32 {
     display: flex;
 }
 .qyt32 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt32 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note33down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price033 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set34 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set17-2 {
     display: flex;
 }
 .set17-2 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set17-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set17-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt33 {
     display: flex;
 }
 .qyt33 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt33 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note34down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 60px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price034 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set35 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set18-1 {
     display: flex;
 }
 .set18-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set18-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-1 h6{
     margin-left: 16px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt34 {
     display: flex;
 }
 .qyt34 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt34 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note35down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price035 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set36 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set18-2 {
     display: flex;
 }
 .set18-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set18-2 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -10px;
 }
 .qyt35 {
     display: flex;
 }
 .qyt35 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt35 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note36down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price036 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .cakes-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 30px;
    font-weight: lighter;
 }
 .set37 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set19-1 {
     display: flex;
 }
 .set19-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set19-1 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set19-1 h6{
     margin-left: 12px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt36 {
     display: flex;
 }
 .qyt36 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt36 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note37down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price037 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set38 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set19-2 {
     display: flex;
 }
 .set19-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set19-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set19-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: -2px;
 }
 .qyt37 {
     display: flex;
 }
 .qyt37 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt37 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note38down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price038 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set39 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set20-1 {
     display: flex;
 }
 .set20-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt38 {
     display: flex;
 }
 .qyt38 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt38 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note39down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price039 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set40 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set20-2 {
     display: flex;
 }
 .set20-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt39 {
     display: flex;
 }
 .qyt39 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt39 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note40down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price040 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set41 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set21-1 {
     display: flex;
 }
 .set21-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set21-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set21-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt40 {
     display: flex;
 }
 .qyt40 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt40 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note41down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price041 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set42 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set21-2 {
     display: flex;
 }
 .set21-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set21-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set21-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt41 {
     display: flex;
 }
 .qyt41 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt41 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note42down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price042 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set43 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set22-1 {
     display: flex;
 }
 .set22-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set22-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set22-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt42 {
     display: flex;
 }
 .qyt42 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt42 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note43down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: +90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price043 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set44 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set22-2 {
     display: flex;
 }
 .set22-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set22-2 h2{
     margin-left: 10px;
     font-size: 22px;
     font-weight: lighter;
 }
 .set22-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -7px;
 }
 .qyt43 {
     display: flex;
 }
 .qyt43 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt43 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note44down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left:80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price044 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }

     .ordersummary {
        display: flex;
        /*border: 2px solid red;*/
        width: 780px;
        margin-top: 20px;
    }
    
    .ordersummary h3{
        width: 500px;
        margin-top: 30px;
        margin-left: 20px;
        font-size: 29px;
        position: absolute;
    }
    .ordersummary button{
        width: 190px;
        height: 75px;
        background-color:  #4B3526;
        border-radius: 60px;
        color: mintcream;
        font-family: 'Inter',sans-serif;
        font-size: 25px;
        margin-left: 550px;
        font-weight: bolder;
       margin-top: 10px;
    }

    .order-vid {
    width: 800px;
}
.order-vid h1{
   /* border: solid 2px red ;*/
    width:700px;
    font-size: 25px;
    font-family: 'Inter',sans-serif;
    color: black;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 250px;
}
#video {
    width: 850px;
    height: 450px;
    margin-left: -10px;
    border-radius: 24px;
    border: solid 4px black;
}

    .learnmore {
        position: relative;
        margin-top: 90px;
        margin-left: -5px;
     }
     .learnmore img{
        display: none;
     }
     .for-pc{
        display: block;
     }
       .for-pc img{
     display: block;
    position: absolute;
    z-index: 2;
    width: 920px;
    height: 500px;
    border-radius: 30px;
    margin-left: -60px;
 }
     .learnmore h1{
        position: absolute;
        z-index: 2;
        color: mintcream;
        font-family: 'Inter', sans-serif;
        font-weight: bolder;
        font-size: 74px;
        margin-left: 3px;
        margin-top: -0px;
     }
     .learnmore button{
        position: absolute;
        z-index: 3;
        width: 220px;
        height: 60px;
        background-color: rgba(255, 213, 123, 0.9);
        border-radius: 90px;
        color:#4B3526; 
        font-size: 30px;
        font-weight: bolder;
        margin-top: 420px;
        margin-left: 600px;
     }
     .learnmore a{
        text-decoration: none;
        color: #4B3526;
     }
    .info {
        margin-top: 700px;
        font-family: 'Inter',sans-serif;
        width: 750px;
        margin-left: 5px;
         }
         .info h1{
            width: 900px;
            font-size: 35px;
            margin-left: -10px;
            font-weight: 500;
            padding-top: -2px;
         }
         .foot {
            background-color: #61432E;
            width: 975px;
            height: 630px;
            margin-top: 30px;
            margin-left: -100px;
            border-radius: 24px;
         }
         .foottop h1{
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 30px;
            padding-top: 80px;
            padding-left: 35px;
         }
         .footmid{
            width: 770px;
            display: flex;
         }
         .midleft img{
            width: 200px;
            height: 200px;
            border-radius: 24px;
            margin-left: 50px;
            margin-top: 90px;
         }
         .midcenter {
            width: 100px;
            margin-top: 70px;
         }
         .midcenter li{
            list-style: none;
            padding-top: 50px;
            padding-left: 70px;
         }
         .midcenter a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 30px;
            font-weight: 200;
         }
         .midright {
            width: 100px;
            margin-top: 50px;
         }
         .midright li{
            list-style: none;
            padding-top: 50px;
            padding-left: 160px;
         }
         .midright a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 30px;
            font-weight: 200;
         }
         .footdown {
            width: 700px;
            display: flex;
            margin-top: 130px;
            margin-left: 30px;
         }
         .footdown img{
            width: 75px;
            height: 75px;
         }
         .footdown h2{
            color: mintcream;
            font-size: 33px;
            font-family: 'Inter',sans-serif;
            font-weight: lighter;
            margin-top: 19px;
            margin-left: 10px;
         }
        }
 @media screen and (min-width:1366px){
   *{
    scroll-behavior: smooth;
   } 
.body{
    background-color:mintcream;
    width: 1100px;
}
.navtop{
 /*border: solid 2px red;*/
 display: flex;
}
.navright{
   /* border: 2px solid red;*/
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
}
.navright img{
    border-radius: 50%;
    width: 90px;
    height:90px;
}
.navright h1{
    color: black;
    font-family: 'Keania One', cursive;
    font-size: 37px;
    font-weight: lighter;
    padding-left: 10px;
    
}
.navleft{
    display: flex;
    font-size: 18px;
    padding-left:605px;
    margin-top: 33px;
}
.navleft a{
    padding-left:30px;
    font-weight: lighter;
    font-family: 'Inter', sans-serif;
    color: black;
    text-decoration: none;
}
   .mobilebanner img{
    display: none;
} 
 .desktopbanner img{
    display:none;
}
.pc-banner {
    display: block;
}
.pc-banner img{
    display: block;
    border-radius: 24px;
    width: 1260px;
    height: 350px;
    margin-top: 40px;
    margin-left: 30px;
}
.carfting {
   /* border: solid 2px red;*/
    width: 760px;
    padding-left: 40px;
    margin-top: 70px;
    font-family: 'Inter',sans-serif;
    font-size: 15px;
}

.craftimages{
    display: flex;
}
.craftimages img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
   margin-right: 30px;
   margin-top: 20px;
}
.craft-img01 img{
    margin-left: 35px;
}
.craft-img02 img{
    margin-left: 55px;
}
.craft-img03 img{
    margin-left:55px;
}
.craft-img04 img{
    margin-left: 55px;
}
.craft-img05 img{
    display: block;
    margin-left: 55px;
}
.craft-img06 img{
 display: block;
 margin-left: 55px;
 margin-top: 23px;
 
}
.craftnote {
    display: flex;
    justify-content: space-around;
    font-family: 'Inter',sans-serif;
}
.craftnote h1{
    font-size: 22px;
}
.craft-note01 h1{
margin-left: 55px;
}
.craft-note02{
    margin-left: 130px;
    margin-right: 2px;
}
.craft-note03{
    margin-left: 110px;
    margin-right: 30px;
}
.craft-note04{
    margin-right: 25px;
    margin-left: 68px;
}
.for-note-00 {
    margin-left: 105px;
}
.for-note-00 h1 {
    width:100px;
    display: block;
    margin-left: 180px;
}
.for-note-01 {
    margin-left: 60px;
}
.for-note-01 h1 {
    display: block;
    margin-top: -40px;
    margin-left: 30px;
}
.Menu h1{
font-family: 'Inter',sans-serif;
font-size: 40px;
font-weight: lighter;
margin-top: 80px;
margin-left: 80px;
}
.coffee-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 33px;
    font-weight: lighter;
    margin-left: 10px;
    margin-bottom: 60px;
}
.coffee-list {
    margin-left: 90px;
}
.Menu {
   /* border: 2px solid red;*/
    width: 750px;
    margin-left: -150px;
}
.set1 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
}

.set1-1 {
    display: flex;
}
.set1-1 img{
    margin-top: 50px;
    width: 120px;
    height: 120px;
    margin-left: 10px;
}
.set1-1 h2{
    margin-left: 10px;
    font-weight: lighter;
}
.set1-1 h6{
    margin-left: 16px;
    font-size: 16px;
    font-weight: lighter;
}
.qyt {
    display: flex;
}
.qyt p{
   width: 200px;
   margin-top: -30px;
   font-size: 18px;
   margin-left: 20px;
}
.qyt input{
    width: 30px;
    height: 30px;
    border-radius: 12px;
    margin-left: -40px;
    margin-top: -40px;
}
.note1down {
    background-color: #61432E;
    width: 130px;
    height: 35px;
    margin-left: 80px;
    margin-top: -15px;
    border-radius: 24px;
}
.price01 h3{
    color: mintcream;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: lighter;
}
.set2 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set1-2 {
     display: flex;
 }
 .set1-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set1-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set1-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 45px;
 }
 .qyt1 {
     display: flex;
 }
 .qyt1 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt1 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note2down {
     background-color: #61432E;
     width: 130px;
     height: 33px;
     margin-left: 80px;
     margin-top: -8px;
     border-radius: 24px;
 }
 .price02 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set3 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
    margin-top: 20px;
 }
 
 .set2-1 {
     display: flex;
 }
 .set2-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set2-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set2-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt2 {
     display: flex;
 }
 .qyt2 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt2 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note3down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price03 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set4 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set2-2 {
     display: flex;
 }
 .set2-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set2-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set2-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 25px;
 }
 .qyt3 {
     display: flex;
 }
 .qyt3 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt3 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note4down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 15px;
     border-radius: 24px;
 }
 .price04 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set5 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set3-1 {
     display: flex;
 }
 .set3-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set3-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt4 {
     display: flex;
 }
 .qyt4 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt4 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note5down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price05 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set6 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .Set3-2 {
     display: flex;
 }
 .Set3-2 img{
    width: 120px;
    height: 120px;
     margin-top: 50px;
     margin-left: 10px;
 }
 .Set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .Set3-2 h6{
     margin-left: 18px;
     font-weight: lighter;
     margin-top: 0px;
     font-size: 16px;
 }
 .qyt5 {
     display: flex;
 }
 .qyt5 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt5 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note6down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 10px;
     border-radius: 24px;
 }
 .price06 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set7 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set4-1 {
     display: flex;
 }
 .set4-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set4-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     margin-top: 20px;
     font-size: 24px;
 }
 .set4-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 40px;
 }
 .qyt6 {
     display: flex;
 }
 .qyt6 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt6 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note7down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -18px;
     border-radius: 24px;
 }
 .price07 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set8 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set3-2 {
     display: flex;
 }
 .set3-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
     font-size: 25px;
 }
 .set3-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt7 {
     display: flex;
 }
 .qyt7 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt7 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note8down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price08 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set9 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set5-1 {
     display: flex;
 }
 .set5-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set5-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set5-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt8 {
     display: flex;
 }
 .qyt8 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt8 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note9down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price09 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set10 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set5-2 {
     display: flex;
 }
 .set5-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set5-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set5-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt9 {
     display: flex;
 }
 .qyt9 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 30px;
 }
 .qyt9 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note10down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price010 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set11 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 390px;
 }
 
 .set6-1 {
     display: flex;
 }
 .set6-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set6-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set6-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt10 {
     display: flex;
 }
 .qyt10 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 30px;
   
 }
 .qyt10 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note11down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price011 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set12 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 780px;
 }
 
 .set6-2 {
     display: flex;
 }
 .set6-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set6-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set6-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt11 {
     display: flex;
 }
 .qyt11 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt11 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note12down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price012 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Tea-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 33px;
    font-weight: lighter;
    margin-left: 10px;
 }
 .Tea-list {
    margin-left: 90px;
 }
 .set13 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set7-1 {
     display: flex;
 }
 .set7-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set7-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt12 {
     display: flex;
 }
 .qyt12 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt12 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note13down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price013 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set14 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set7-2 {
     display: flex;
 }
 .set7-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set7-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt13 {
     display: flex;
 }
 .qyt13 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt13 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note14down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price014 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set15 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set8-1 {
     display: flex;
 }
 .set8-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt14 {
     display: flex;
 }
 .qyt14 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt14 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note15down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 85px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price015 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set16 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set8-2 {
     display: flex;
 }
 .set8-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt15 {
     display: flex;
 }
 .qyt15 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt15 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note16down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price016 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set17 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set9-1 {
     display: flex;
 }
 .set9-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set9-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 3px;
 }
 .qyt16 {
     display: flex;
 }
 .qyt16 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt16 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note17down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price017 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set18 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set9-2 {
     display: flex;
 }
 .set9-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set9-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt17 {
     display: flex;
 }
 .qyt17 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt17 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note18down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price018 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set19 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set10-1 {
     display: flex;
 }
 .set10-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set10-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set10-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt18 {
     display: flex;
 }
 .qyt18 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt18 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note19down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price019 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set20 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set10-2 {
     display: flex;
 }
 .set10-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set10-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set10-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 5px;
 }
 .qyt19 {
     display: flex;
 }
 .qyt19 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt19 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note20down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price020 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set21 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set11-1 {
     display: flex;
 }
 .set11-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set11-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set11-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt20 {
     display: flex;
 }
 .qyt20 p{
    width: 200px;
    margin-top: -25px;
    font-size:18px;
    margin-left: 20px;
   
 }
 .qyt20 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note21down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price021 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set22 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set11-2 {
     display: flex;
 }
 .set11-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set11-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set11-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt21 {
     display: flex;
 }
 .qyt21 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt21 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note22down {
     background-color: #61432E;
     width: 120px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price022 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Milk-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 300px;
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: lighter;
    margin-left: 10px;
 }
 .Milk-list {
    margin-left: 90px;
 }
 .set23 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set12-1 {
     display: flex;
 }
 .set12-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set12-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set12-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt22 {
     display: flex;
 }
 .qyt22 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt22 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note23down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -23px;
     border-radius: 24px;
 }
 .price023 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set24 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set12-2 {
     display: flex;
 }
 .set12-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set12-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set12-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt23 {
     display: flex;
 }
 .qyt23 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt23 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note24down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -2px;
     border-radius: 24px;
 }
 .price024 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set25 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set13-1 {
     display: flex;
 }
 .set13-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set13-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set13-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt24 {
     display: flex;
 }
 .qyt24 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt24 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note25down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price025 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set26 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set13-2 {
     display: flex;
 }
 .set13-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set13-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set13-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt25 {
     display: flex;
 }
 .qyt25 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt25 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note26down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price026 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set27 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set14-1 {
     display: flex;
 }
 .set14-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set14-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set14-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt26 {
     display: flex;
 }
 .qyt26 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt26 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note27down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price027 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set28 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set14-2 {
     display: flex;
 }
 .set14-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set14-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set14-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt27 {
     display: flex;
 }
 .qyt27 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt27 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note28down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price028 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .chocolate-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 30px;
    margin-left: 10px;
    font-weight: lighter;
 }
 .chocolate-list {
    margin-left: 90px;
 }
 .set29 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set15-1 {
     display: flex;
 }
 .set15-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set15-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set15-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt28 {
     display: flex;
 }
 .qyt28 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt28 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note29down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price029 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set30 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set15-2 {
     display: flex;
 }
 .set15-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set15-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set15-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt29 {
     display: flex;
 }
 .qyt29 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt29 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note30down {
     background-color: #61432E;
     width: 140px;
     height:35px;
     margin-left: 50px;
     margin-top: 3px;
     margin-left: 80px;
     border-radius: 24px;
 }
 .price030 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set31 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set16-1 {
     display: flex;
 }
 .set16-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set16-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set16-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt30 {
     display: flex;
 }
 .qyt30 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt30 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note31down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price031 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set32 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set16-2 {
     display: flex;
 }
 .set16-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set16-2 h2{
     margin-left: 0px;
     font-weight: lighter;
 }
 .set16-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt31 {
     display: flex;
 }
 .qyt31 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt31 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note32down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price032 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set33 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set17-1 {
     display: flex;
 }
 .set17-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set17-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set17-1 h6{
     margin-left: 16px;
     font-size: 15px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt32 {
     display: flex;
 }
 .qyt32 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt32 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note33down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price033 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set34 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set17-2 {
     display: flex;
 }
 .set17-2 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set17-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set17-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt33 {
     display: flex;
 }
 .qyt33 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt33 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note34down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 60px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price034 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set35 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set18-1 {
     display: flex;
 }
 .set18-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set18-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-1 h6{
     margin-left: 16px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt34 {
     display: flex;
 }
 .qyt34 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt34 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note35down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price035 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set36 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set18-2 {
     display: flex;
 }
 .set18-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set18-2 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -10px;
 }
 .qyt35 {
     display: flex;
 }
 .qyt35 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt35 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note36down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price036 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .cakes-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 10px;
    font-size: 30px;
    font-weight: lighter;
 }
 .cakes-list {
    margin-left: 90px;
 }
 .set37 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set19-1 {
     display: flex;
 }
 .set19-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set19-1 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set19-1 h6{
     margin-left: 12px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt36 {
     display: flex;
 }
 .qyt36 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt36 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note37down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price037 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set38 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set19-2 {
     display: flex;
 }
 .set19-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set19-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set19-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: -2px;
 }
 .qyt37 {
     display: flex;
 }
 .qyt37 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt37 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note38down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price038 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set39 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set20-1 {
     display: flex;
 }
 .set20-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt38 {
     display: flex;
 }
 .qyt38 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt38 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note39down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price039 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set40 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set20-2 {
     display: flex;
 }
 .set20-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt39 {
     display: flex;
 }
 .qyt39 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt39 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note40down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price040 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set41 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set21-1 {
     display: flex;
 }
 .set21-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set21-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set21-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt40 {
     display: flex;
 }
 .qyt40 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt40 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note41down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price041 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set42 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set21-2 {
     display: flex;
 }
 .set21-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set21-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set21-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt41 {
     display: flex;
 }
 .qyt41 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt41 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note42down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price042 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set43 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set22-1 {
     display: flex;
 }
 .set22-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set22-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set22-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt42 {
     display: flex;
 }
 .qyt42 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt42 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note43down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: +90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price043 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set44 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set22-2 {
     display: flex;
 }
 .set22-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set22-2 h2{
     margin-left: 10px;
     font-size: 22px;
     font-weight: lighter;
 }
 .set22-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -7px;
 }
 .qyt43 {
     display: flex;
 }
 .qyt43 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt43 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note44down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left:80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price044 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }

     .ordersummary {
        display: flex;
        /*border: 2px solid red;*/
        width: 1360px;
        margin-top: 20px;
    }
    
    .ordersummary h3{
        width: 500px;
        margin-top: 30px;
        margin-left: 100px;
        font-size: 29px;
        position: absolute;
    }
    .ordersummary button{
        width: 170px;
        height: 50px;
        background-color:  #4B3526;
        border-radius: 60px;
        color: mintcream;
        font-family: 'Inter',sans-serif;
        font-size: 22px;
        margin-left: 950px;
        font-weight: bolder;
       margin-top: 30px;
    }

    .order-vid {
    width: 800px;
}
.order-vid h1{
   /* border: solid 2px red ;*/
    width:700px;
    font-size: 25px;
    font-family: 'Inter',sans-serif;
    color: black;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 80px;
}
#video {
    width: 1050px;
    height: 550px;
    margin-left: -220px;
    border-radius: 24px;
    border: solid 4px black;
}

    .learnmore {
        position: relative;
        margin-top: 90px;
        margin-left: 120px;
     }
     .learnmore img{
        display: none;
     }
       .for-pc img{
     display: block;
    position: absolute;
    z-index: 2;
    width: 1250px;
    height: 700px;
    border-radius: 30px;
    margin-left: -60px;
 }
     .learnmore h1{
        position: absolute;
        z-index: 2;
        color: mintcream;
        font-family: 'Inter', sans-serif;
        font-weight: bolder;
        font-size: 115px;
        margin-left: 3px;
        margin-top: -0px;
     }
     .learnmore button{
    position: absolute;
    z-index: 3;
    width: 220px;
    height: 70px;
    background-color: rgba(255, 213, 123, 1);
    border-radius: 90px;
    color:#4B3526; 
    font-size: 30px;
    font-weight: bolder;
    margin-top: 610px;
    margin-left: 900px;
     }
     .learnmore a{
        text-decoration: none;
        color: #4B3526;
     }
    .info {
        margin-top: 900px;
        font-family: 'Inter',sans-serif;
        width: 750px;
        margin-left: 150px;
         }
         .info h1{
            width: 900px;
            font-size: 35px;
            margin-left: -10px;
            font-weight: 500;
            padding-top: -2px;
         }
         .foot {
            background-color: #61432E;
            width: 1300px;
            height: 730px;
            margin-top: 60px;
            margin-left: 25px;
            border-radius: 24px;
         }
         .foottop h1{
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 33px;
            padding-top: 80px;
            padding-left: 35px;
         }
         .footmid{
            width: 780px;
            display: flex;
         }
         .midleft img{
            width: 330px;
            height: 330px;
            border-radius: 24px;
            margin-left: 50px;
            margin-top: 80px;
         }
         .midcenter {
            width: 100px;
            margin-left: 120px;
            margin-top: 80px;
         }
         .midcenter li{
            list-style: none;
            padding-top: 70px;
            padding-left: 50px;
         }
         .midcenter a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 39px;
            font-weight: 200;
         }
         .midright {
            width: 100px;
            margin-top:80px;
         }
         .midright li{
            list-style: none;
            padding-top: 60px;
            padding-left: 160px;
         }
         .midright a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 39px;
            font-weight: 200;
         }
         .footdown {
            width: 700px;
            display: flex;
            margin-top: 80px;
            margin-left: 30px;
         }
         .footdown img{
            width: 75px;
            height: 75px;
         }
         .footdown h2{
            color: mintcream;
            font-size: 33px;
            font-family: 'Inter',sans-serif;
            font-weight: lighter;
            margin-top: 19px;
            margin-left: 10px;
         }
        }
 @media screen and (min-width:1440px){
   *{
    scroll-behavior: smooth;
   } 
.body{
    background-color:mintcream;
    width: 1100px;
}
.navtop{
 /*border: solid 2px red;*/
 display: flex;
}
.navright{
   /* border: 2px solid red;*/
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
}
.navright img{
    border-radius: 50%;
    width: 90px;
    height:90px;
}
.navright h1{
    color: black;
    font-family: 'Keania One', cursive;
    font-size: 37px;
    font-weight: lighter;
    padding-left: 10px;
    
}
.navleft{
    display: flex;
    font-size: 18px;
    padding-left:655px;
    margin-top: 33px;
}
.navleft a{
    padding-left:50px;
    font-weight: lighter;
    font-family: 'Inter', sans-serif;
    color: black;
    text-decoration: none;
}
   .mobilebanner img{
    display: none;
} 
 .desktopbanner img{
    display:none;
}
.pc-banner {
    display: block;
}
.pc-banner img{
    display: block;
    border-radius: 24px;
    width: 1350px;
    height: 350px;
    margin-top: 40px;
    margin-left: 30px;
}
.carfting {
   /* border: solid 2px red;*/
    width: 760px;
    padding-left: 40px;
    margin-top: 70px;
    font-family: 'Inter',sans-serif;
    font-size: 15px;
}

.craftimages{
    display: flex;
}
.craftimages img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
   margin-right: 30px;
   margin-top: 20px;
}
.craft-img01 img{
    margin-left: 35px;
}
.craft-img02 img{
    margin-left: 55px;
}
.craft-img03 img{
    margin-left:55px;
}
.craft-img04 img{
    margin-left: 55px;
}
.craft-img05 img{
    display: block;
    margin-left: 55px;
}
.craft-img06 img{
 display: block;
 margin-left: 55px;
 margin-top: 23px;
 
}
.craftnote {
    display: flex;
    justify-content: space-around;
    font-family: 'Inter',sans-serif;
}
.craftnote h1{
    font-size: 22px;
}
.craft-note01 h1{
margin-left: 55px;
}
.craft-note02{
    margin-left: 130px;
    margin-right: 2px;
}
.craft-note03{
    margin-left: 110px;
    margin-right: 30px;
}
.craft-note04{
    margin-right: 25px;
    margin-left: 68px;
}
.for-note-00 {
    margin-left: 105px;
}
.for-note-00 h1 {
    width:100px;
    display: block;
    margin-left: 180px;
}
.for-note-01 {
    margin-left: 60px;
}
.for-note-01 h1 {
    display: block;
    margin-top: -40px;
    margin-left: 30px;
}
.Menu h1{
font-family: 'Inter',sans-serif;
font-size: 40px;
font-weight: lighter;
margin-top: 80px;
margin-left: 80px;
}
.coffee-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 33px;
    font-weight: lighter;
    margin-left: 10px;
    margin-bottom: 60px;
}
.coffee-list {
    margin-left: 90px;
}
.Menu {
   /* border: 2px solid red;*/
    width: 750px;
    margin-left: -130px;
}
.set1 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
}

.set1-1 {
    display: flex;
}
.set1-1 img{
    margin-top: 50px;
    width: 120px;
    height: 120px;
    margin-left: 10px;
}
.set1-1 h2{
    margin-left: 10px;
    font-weight: lighter;
}
.set1-1 h6{
    margin-left: 16px;
    font-size: 16px;
    font-weight: lighter;
}
.qyt {
    display: flex;
}
.qyt p{
   width: 200px;
   margin-top: -30px;
   font-size: 18px;
   margin-left: 20px;
}
.qyt input{
    width: 30px;
    height: 30px;
    border-radius: 12px;
    margin-left: -40px;
    margin-top: -40px;
}
.note1down {
    background-color: #61432E;
    width: 130px;
    height: 35px;
    margin-left: 80px;
    margin-top: -15px;
    border-radius: 24px;
}
.price01 h3{
    color: mintcream;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: lighter;
}
.set2 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set1-2 {
     display: flex;
 }
 .set1-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set1-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set1-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 45px;
 }
 .qyt1 {
     display: flex;
 }
 .qyt1 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt1 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note2down {
     background-color: #61432E;
     width: 130px;
     height: 33px;
     margin-left: 80px;
     margin-top: -8px;
     border-radius: 24px;
 }
 .price02 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set3 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
    margin-top: 20px;
 }
 
 .set2-1 {
     display: flex;
 }
 .set2-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set2-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set2-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt2 {
     display: flex;
 }
 .qyt2 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt2 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note3down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price03 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set4 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set2-2 {
     display: flex;
 }
 .set2-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set2-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set2-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 25px;
 }
 .qyt3 {
     display: flex;
 }
 .qyt3 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt3 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note4down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 15px;
     border-radius: 24px;
 }
 .price04 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set5 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set3-1 {
     display: flex;
 }
 .set3-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set3-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt4 {
     display: flex;
 }
 .qyt4 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt4 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note5down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price05 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set6 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .Set3-2 {
     display: flex;
 }
 .Set3-2 img{
    width: 120px;
    height: 120px;
     margin-top: 50px;
     margin-left: 10px;
 }
 .Set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .Set3-2 h6{
     margin-left: 18px;
     font-weight: lighter;
     margin-top: 0px;
     font-size: 16px;
 }
 .qyt5 {
     display: flex;
 }
 .qyt5 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt5 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note6down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 10px;
     border-radius: 24px;
 }
 .price06 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set7 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set4-1 {
     display: flex;
 }
 .set4-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set4-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     margin-top: 20px;
     font-size: 24px;
 }
 .set4-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 40px;
 }
 .qyt6 {
     display: flex;
 }
 .qyt6 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt6 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note7down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -18px;
     border-radius: 24px;
 }
 .price07 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set8 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set3-2 {
     display: flex;
 }
 .set3-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
     font-size: 25px;
 }
 .set3-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt7 {
     display: flex;
 }
 .qyt7 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt7 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note8down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price08 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set9 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set5-1 {
     display: flex;
 }
 .set5-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set5-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set5-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt8 {
     display: flex;
 }
 .qyt8 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt8 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note9down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price09 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set10 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set5-2 {
     display: flex;
 }
 .set5-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set5-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set5-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt9 {
     display: flex;
 }
 .qyt9 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 30px;
 }
 .qyt9 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note10down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price010 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set11 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 390px;
 }
 
 .set6-1 {
     display: flex;
 }
 .set6-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set6-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set6-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt10 {
     display: flex;
 }
 .qyt10 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 30px;
   
 }
 .qyt10 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note11down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price011 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set12 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 780px;
 }
 
 .set6-2 {
     display: flex;
 }
 .set6-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set6-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set6-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt11 {
     display: flex;
 }
 .qyt11 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt11 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note12down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price012 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Tea-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 33px;
    font-weight: lighter;
    margin-left: 10px;
 }
 .Tea-list {
    margin-left: 90px;
 }
 .set13 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set7-1 {
     display: flex;
 }
 .set7-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set7-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt12 {
     display: flex;
 }
 .qyt12 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt12 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note13down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price013 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set14 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set7-2 {
     display: flex;
 }
 .set7-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set7-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt13 {
     display: flex;
 }
 .qyt13 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt13 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note14down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price014 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set15 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set8-1 {
     display: flex;
 }
 .set8-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt14 {
     display: flex;
 }
 .qyt14 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt14 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note15down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 85px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price015 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set16 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set8-2 {
     display: flex;
 }
 .set8-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt15 {
     display: flex;
 }
 .qyt15 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt15 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note16down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price016 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set17 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set9-1 {
     display: flex;
 }
 .set9-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set9-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 3px;
 }
 .qyt16 {
     display: flex;
 }
 .qyt16 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt16 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note17down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price017 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set18 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set9-2 {
     display: flex;
 }
 .set9-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set9-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt17 {
     display: flex;
 }
 .qyt17 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt17 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note18down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price018 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set19 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set10-1 {
     display: flex;
 }
 .set10-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set10-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set10-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt18 {
     display: flex;
 }
 .qyt18 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt18 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note19down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price019 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set20 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set10-2 {
     display: flex;
 }
 .set10-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set10-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set10-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 5px;
 }
 .qyt19 {
     display: flex;
 }
 .qyt19 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt19 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note20down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price020 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set21 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set11-1 {
     display: flex;
 }
 .set11-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set11-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set11-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt20 {
     display: flex;
 }
 .qyt20 p{
    width: 200px;
    margin-top: -25px;
    font-size:18px;
    margin-left: 20px;
   
 }
 .qyt20 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note21down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price021 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set22 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set11-2 {
     display: flex;
 }
 .set11-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set11-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set11-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt21 {
     display: flex;
 }
 .qyt21 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt21 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note22down {
     background-color: #61432E;
     width: 120px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price022 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Milk-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 300px;
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: lighter;
    margin-left: 10px;
 }
 .Milk-list {
    margin-left: 90px;
 }
 .set23 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set12-1 {
     display: flex;
 }
 .set12-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set12-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set12-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt22 {
     display: flex;
 }
 .qyt22 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt22 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note23down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -23px;
     border-radius: 24px;
 }
 .price023 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set24 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set12-2 {
     display: flex;
 }
 .set12-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set12-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set12-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt23 {
     display: flex;
 }
 .qyt23 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt23 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note24down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -2px;
     border-radius: 24px;
 }
 .price024 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set25 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set13-1 {
     display: flex;
 }
 .set13-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set13-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set13-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt24 {
     display: flex;
 }
 .qyt24 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt24 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note25down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price025 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set26 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set13-2 {
     display: flex;
 }
 .set13-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set13-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set13-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt25 {
     display: flex;
 }
 .qyt25 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt25 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note26down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price026 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set27 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set14-1 {
     display: flex;
 }
 .set14-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set14-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set14-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt26 {
     display: flex;
 }
 .qyt26 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt26 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note27down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price027 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set28 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set14-2 {
     display: flex;
 }
 .set14-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set14-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set14-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt27 {
     display: flex;
 }
 .qyt27 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt27 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note28down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price028 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .chocolate-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 30px;
    margin-left: 10px;
    font-weight: lighter;
 }
 .chocolate-list {
    margin-left: 90px;
 }
 .set29 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set15-1 {
     display: flex;
 }
 .set15-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set15-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set15-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt28 {
     display: flex;
 }
 .qyt28 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt28 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note29down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price029 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set30 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set15-2 {
     display: flex;
 }
 .set15-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set15-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set15-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt29 {
     display: flex;
 }
 .qyt29 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt29 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note30down {
     background-color: #61432E;
     width: 140px;
     height:35px;
     margin-left: 50px;
     margin-top: 3px;
     margin-left: 80px;
     border-radius: 24px;
 }
 .price030 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set31 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set16-1 {
     display: flex;
 }
 .set16-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set16-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set16-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt30 {
     display: flex;
 }
 .qyt30 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt30 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note31down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price031 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set32 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set16-2 {
     display: flex;
 }
 .set16-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set16-2 h2{
     margin-left: 0px;
     font-weight: lighter;
 }
 .set16-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt31 {
     display: flex;
 }
 .qyt31 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt31 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note32down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price032 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set33 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set17-1 {
     display: flex;
 }
 .set17-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set17-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set17-1 h6{
     margin-left: 16px;
     font-size: 15px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt32 {
     display: flex;
 }
 .qyt32 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt32 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note33down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price033 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set34 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set17-2 {
     display: flex;
 }
 .set17-2 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set17-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set17-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt33 {
     display: flex;
 }
 .qyt33 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt33 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note34down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 60px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price034 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set35 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set18-1 {
     display: flex;
 }
 .set18-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set18-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-1 h6{
     margin-left: 16px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt34 {
     display: flex;
 }
 .qyt34 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt34 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note35down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price035 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set36 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set18-2 {
     display: flex;
 }
 .set18-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set18-2 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -10px;
 }
 .qyt35 {
     display: flex;
 }
 .qyt35 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt35 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note36down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price036 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .cakes-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 10px;
    font-size: 30px;
    font-weight: lighter;
 }
 .cakes-list {
    margin-left: 90px;
 }
 .set37 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set19-1 {
     display: flex;
 }
 .set19-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set19-1 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set19-1 h6{
     margin-left: 12px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt36 {
     display: flex;
 }
 .qyt36 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt36 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note37down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price037 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set38 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set19-2 {
     display: flex;
 }
 .set19-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set19-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set19-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: -2px;
 }
 .qyt37 {
     display: flex;
 }
 .qyt37 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt37 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note38down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price038 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set39 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set20-1 {
     display: flex;
 }
 .set20-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt38 {
     display: flex;
 }
 .qyt38 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt38 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note39down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price039 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set40 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set20-2 {
     display: flex;
 }
 .set20-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt39 {
     display: flex;
 }
 .qyt39 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt39 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note40down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price040 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set41 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set21-1 {
     display: flex;
 }
 .set21-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set21-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set21-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt40 {
     display: flex;
 }
 .qyt40 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt40 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note41down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price041 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set42 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set21-2 {
     display: flex;
 }
 .set21-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set21-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set21-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt41 {
     display: flex;
 }
 .qyt41 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt41 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note42down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price042 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set43 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set22-1 {
     display: flex;
 }
 .set22-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set22-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set22-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt42 {
     display: flex;
 }
 .qyt42 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt42 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note43down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: +90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price043 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set44 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set22-2 {
     display: flex;
 }
 .set22-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set22-2 h2{
     margin-left: 10px;
     font-size: 22px;
     font-weight: lighter;
 }
 .set22-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -7px;
 }
 .qyt43 {
     display: flex;
 }
 .qyt43 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt43 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note44down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left:80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price044 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }

     .ordersummary {
        display: flex;
        /*border: 2px solid red;*/
        width: 1360px;
        margin-top: 20px;
    }
    
    .ordersummary h3{
        width: 500px;
        margin-top: 30px;
        margin-left: 100px;
        font-size: 29px;
        position: absolute;
    }
    .ordersummary button{
        width: 170px;
        height: 50px;
        background-color:  #4B3526;
        border-radius: 60px;
        color: mintcream;
        font-family: 'Inter',sans-serif;
        font-size: 22px;
        margin-left: 950px;
        font-weight: bolder;
       margin-top: 30px;
    }

    .order-vid {
    width: 900px;
}
.order-vid h1{
   /* border: solid 2px red ;*/
    width:800px;
    font-size: 35px;
    font-family: 'Inter',sans-serif;
    color: black;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: 80px;
}
#video {
    width: 1150px;
    height: 550px;
    margin-left: -240px;
    border-radius: 24px;
    border: solid 4px black;
}

    .learnmore {
        position: relative;
        margin-top: 130px;
        margin-left: 120px;
     }
     .learnmore img{
        display: none;
     }
       .for-pc img{
     display: block;
    position: absolute;
    z-index: 2;
    width: 1300px;
    height: 750px;
    border-radius: 30px;
    margin-left: -60px;
 }
     .learnmore h1{
        position: absolute;
        z-index: 2;
        color: mintcream;
        font-family: 'Inter', sans-serif;
        font-weight: bolder;
        font-size: 115px;
        margin-left: 3px;
        margin-top: -0px;
     }
     .learnmore button{
    position: absolute;
    z-index: 3;
    width: 220px;
    height: 70px;
    background-color: rgba(255, 213, 123, 1);
    border-radius: 90px;
    color:#4B3526; 
    font-size: 30px;
    font-weight: bolder;
    margin-top: 650px;
    margin-left: 940px;
     }
     .learnmore a{
        text-decoration: none;
        color: #4B3526;
     }
    .info {
        margin-top: 960px;
        font-family: 'Inter',sans-serif;
        width: 750px;
        margin-left: 150px;
         }
         .info h1{
            width: 900px;
            font-size: 35px;
            margin-left: -10px;
            font-weight: 500;
            padding-top: -2px;
         }
         .foot {
            background-color: #61432E;
            width: 1380px;
            height: 730px;
            margin-top: 60px;
            margin-left: 25px;
            border-radius: 24px;
         }
         .foottop h1{
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 33px;
            padding-top: 80px;
            padding-left: 35px;
         }
         .footmid{
            width: 780px;
            display: flex;
         }
         .midleft img{
            width: 350px;
            height: 350px;
            border-radius: 24px;
            margin-left: 80px;
            margin-top: 80px;
         }
         .midcenter {
            width: 100px;
            margin-left: 120px;
            margin-top: 80px;
         }
         .midcenter li{
            list-style: none;
            padding-top: 70px;
            padding-left: 50px;
         }
         .midcenter a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 39px;
            font-weight: 200;
         }
         .midright {
            width: 100px;
            margin-top:80px;
         }
         .midright li{
            list-style: none;
            padding-top: 60px;
            padding-left: 160px;
         }
         .midright a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 39px;
            font-weight: 200;
         }
         .footdown {
            width: 700px;
            display: flex;
            margin-top: 80px;
            margin-left: 30px;
         }
         .footdown img{
            width: 75px;
            height: 75px;
         }
         .footdown h2{
            color: mintcream;
            font-size: 33px;
            font-family: 'Inter',sans-serif;
            font-weight: lighter;
            margin-top: 19px;
            margin-left: 10px;
         }
        }
 @media screen and (min-width:1536px){
   *{
    scroll-behavior: smooth;
   } 
.body{
    background-color:mintcream;
    width: 1100px;
}
.navtop{
 /*border: solid 2px red;*/
 display: flex;
}
.navright{
   /* border: 2px solid red;*/
    display: flex;
    margin-top: 20px;
    margin-left: 10px;
}
.navright img{
    border-radius: 50%;
    width: 90px;
    height:90px;
}
.navright h1{
    color: black;
    font-family: 'Keania One', cursive;
    font-size: 37px;
    font-weight: lighter;
    padding-left: 10px;
    
}
.navleft{
    display: flex;
    font-size: 18px;
    padding-left:700px;
    margin-top: 33px;
}
.navleft a{
    padding-left:50px;
    font-weight: lighter;
    font-family: 'Inter', sans-serif;
    color: black;
    text-decoration: none;
}
   .mobilebanner img{
    display: none;
} 
 .desktopbanner img{
    display:none;
}
.pc-banner {
    display: block;
}
.pc-banner img{
    display: block;
    border-radius: 24px;
    width: 1400px;
    height: 350px;
    margin-top: 40px;
    margin-left: 30px;
}
.carfting {
   /* border: solid 2px red;*/
    width: 760px;
    padding-left: 40px;
    margin-top: 70px;
    font-family: 'Inter',sans-serif;
    font-size: 15px;
}

.craftimages{
    display: flex;
}
.craftimages img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
   margin-right: 30px;
   margin-top: 20px;
}
.craft-img01 img{
    margin-left: 35px;
}
.craft-img02 img{
    margin-left: 55px;
}
.craft-img03 img{
    margin-left:55px;
}
.craft-img04 img{
    margin-left: 55px;
}
.craft-img05 img{
    display: block;
    margin-left: 55px;
}
.craft-img06 img{
 display: block;
 margin-left: 55px;
 margin-top: 23px;
 
}
.craftnote {
    display: flex;
    justify-content: space-around;
    font-family: 'Inter',sans-serif;
}
.craftnote h1{
    font-size: 22px;
}
.craft-note01 h1{
margin-left: 55px;
}
.craft-note02{
    margin-left: 130px;
    margin-right: 2px;
}
.craft-note03{
    margin-left: 110px;
    margin-right: 30px;
}
.craft-note04{
    margin-right: 25px;
    margin-left: 68px;
}
.for-note-00 {
    margin-left: 105px;
}
.for-note-00 h1 {
    width:100px;
    display: block;
    margin-left: 180px;
}
.for-note-01 {
    margin-left: 60px;
}
.for-note-01 h1 {
    display: block;
    margin-top: -40px;
    margin-left: 30px;
}
.Menu h1{
font-family: 'Inter',sans-serif;
font-size: 40px;
font-weight: lighter;
margin-top: 80px;
margin-left: 80px;
}
.coffee-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    font-size: 33px;
    font-weight: lighter;
    margin-left: 10px;
    margin-bottom: 60px;
}
.coffee-list {
    margin-left: 90px;
}
.Menu {
   /* border: 2px solid red;*/
    width: 750px;
    margin-left: -100px;
}
.set1 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
}

.set1-1 {
    display: flex;
}
.set1-1 img{
    margin-top: 50px;
    width: 120px;
    height: 120px;
    margin-left: 10px;
}
.set1-1 h2{
    margin-left: 10px;
    font-weight: lighter;
}
.set1-1 h6{
    margin-left: 16px;
    font-size: 16px;
    font-weight: lighter;
}
.qyt {
    display: flex;
}
.qyt p{
   width: 200px;
   margin-top: -30px;
   font-size: 18px;
   margin-left: 20px;
}
.qyt input{
    width: 30px;
    height: 30px;
    border-radius: 12px;
    margin-left: -40px;
    margin-top: -40px;
}
.note1down {
    background-color: #61432E;
    width: 130px;
    height: 35px;
    margin-left: 80px;
    margin-top: -15px;
    border-radius: 24px;
}
.price01 h3{
    color: mintcream;
    padding-left: 20px;
    padding-top: 5px;
    font-weight: lighter;
}
.set2 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set1-2 {
     display: flex;
 }
 .set1-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set1-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set1-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 45px;
 }
 .qyt1 {
     display: flex;
 }
 .qyt1 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt1 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note2down {
     background-color: #61432E;
     width: 130px;
     height: 33px;
     margin-left: 80px;
     margin-top: -8px;
     border-radius: 24px;
 }
 .price02 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set3 {
   background-color:  rgba(255, 213, 123, 0.5);
   width: 370px;
   height: 220px;
   border-radius: 30px;
    margin-top: 20px;
 }
 
 .set2-1 {
     display: flex;
 }
 .set2-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set2-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set2-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt2 {
     display: flex;
 }
 .qyt2 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt2 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note3down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price03 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set4 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set2-2 {
     display: flex;
 }
 .set2-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set2-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set2-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 25px;
 }
 .qyt3 {
     display: flex;
 }
 .qyt3 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt3 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note4down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 15px;
     border-radius: 24px;
 }
 .price04 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set5 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set3-1 {
     display: flex;
 }
 .set3-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set3-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt4 {
     display: flex;
 }
 .qyt4 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt4 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note5down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price05 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set6 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .Set3-2 {
     display: flex;
 }
 .Set3-2 img{
    width: 120px;
    height: 120px;
     margin-top: 50px;
     margin-left: 10px;
 }
 .Set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .Set3-2 h6{
     margin-left: 18px;
     font-weight: lighter;
     margin-top: 0px;
     font-size: 16px;
 }
 .qyt5 {
     display: flex;
 }
 .qyt5 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt5 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note6down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 10px;
     border-radius: 24px;
 }
 .price06 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set7 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set4-1 {
     display: flex;
 }
 .set4-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set4-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     margin-top: 20px;
     font-size: 24px;
 }
 .set4-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 40px;
 }
 .qyt6 {
     display: flex;
 }
 .qyt6 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt6 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note7down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -18px;
     border-radius: 24px;
 }
 .price07 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set8 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set3-2 {
     display: flex;
 }
 .set3-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set3-2 h2{
     margin-left: 30px;
     font-weight: lighter;
     font-size: 25px;
 }
 .set3-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt7 {
     display: flex;
 }
 .qyt7 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt7 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note8down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price08 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set9 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set5-1 {
     display: flex;
 }
 .set5-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set5-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set5-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt8 {
     display: flex;
 }
 .qyt8 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt8 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note9down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price09 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set10 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set5-2 {
     display: flex;
 }
 .set5-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set5-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set5-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt9 {
     display: flex;
 }
 .qyt9 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 30px;
 }
 .qyt9 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note10down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price010 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set11 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 390px;
 }
 
 .set6-1 {
     display: flex;
 }
 .set6-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set6-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set6-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt10 {
     display: flex;
 }
 .qyt10 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 30px;
   
 }
 .qyt10 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note11down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price011 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set12 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 780px;
 }
 
 .set6-2 {
     display: flex;
 }
 .set6-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set6-2 h2{
     margin-left: 30px;
     font-weight: lighter;
 }
 .set6-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt11 {
     display: flex;
 }
 .qyt11 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt11 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note12down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price012 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Tea-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 33px;
    font-weight: lighter;
    margin-left: 10px;
 }
 .Tea-list {
    margin-left: 90px;
 }
 .set13 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set7-1 {
     display: flex;
 }
 .set7-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set7-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt12 {
     display: flex;
 }
 .qyt12 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt12 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note13down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 90px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price013 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set14 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set7-2 {
     display: flex;
 }
 .set7-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set7-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set7-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt13 {
     display: flex;
 }
 .qyt13 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt13 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note14down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price014 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set15 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set8-1 {
     display: flex;
 }
 .set8-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt14 {
     display: flex;
 }
 .qyt14 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt14 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -30px;
 }
 .note15down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 85px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price015 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set16 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set8-2 {
     display: flex;
 }
 .set8-2 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set8-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set8-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt15 {
     display: flex;
 }
 .qyt15 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt15 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note16down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price016 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set17 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set9-1 {
     display: flex;
 }
 .set9-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set9-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 3px;
 }
 .qyt16 {
     display: flex;
 }
 .qyt16 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt16 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -30px;
     margin-top: -25px;
 }
 .note17down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price017 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set18 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set9-2 {
     display: flex;
 }
 .set9-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set9-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set9-2 h6{
     margin-left: 18px;
     font-size: 19px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt17 {
     display: flex;
 }
 .qyt17 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt17 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note18down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price018 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set19 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set10-1 {
     display: flex;
 }
 .set10-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set10-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set10-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt18 {
     display: flex;
 }
 .qyt18 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt18 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note19down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price019 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set20 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set10-2 {
     display: flex;
 }
 .set10-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set10-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set10-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 5px;
 }
 .qyt19 {
     display: flex;
 }
 .qyt19 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt19 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note20down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price020 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set21 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set11-1 {
     display: flex;
 }
 .set11-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set11-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set11-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt20 {
     display: flex;
 }
 .qyt20 p{
    width: 200px;
    margin-top: -25px;
    font-size:18px;
    margin-left: 20px;
   
 }
 .qyt20 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note21down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price021 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set22 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set11-2 {
     display: flex;
 }
 .set11-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set11-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set11-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt21 {
     display: flex;
 }
 .qyt21 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt21 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note22down {
     background-color: #61432E;
     width: 120px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price022 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .Milk-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 300px;
    margin-bottom: 60px;
    font-size: 30px;
    font-weight: lighter;
    margin-left: 10px;
 }
 .Milk-list {
    margin-left: 90px;
 }
 .set23 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set12-1 {
     display: flex;
 }
 .set12-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set12-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set12-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt22 {
     display: flex;
 }
 .qyt22 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt22 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note23down {
     background-color: #61432E;
     width: 130px;
     height: 35px;
     margin-left: 80px;
     margin-top: -23px;
     border-radius: 24px;
 }
 .price023 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set24 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set12-2 {
     display: flex;
 }
 .set12-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set12-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set12-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     padding-top: 10px;
 }
 .qyt23 {
     display: flex;
 }
 .qyt23 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt23 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note24down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -2px;
     border-radius: 24px;
 }
 .price024 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set25 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set13-1 {
     display: flex;
 }
 .set13-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set13-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set13-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt24 {
     display: flex;
 }
 .qyt24 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt24 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note25down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price025 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set26 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set13-2 {
     display: flex;
 }
 .set13-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set13-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set13-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt25 {
     display: flex;
 }
 .qyt25 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt25 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note26down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price026 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set27 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set14-1 {
     display: flex;
 }
 .set14-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set14-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set14-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt26 {
     display: flex;
 }
 .qyt26 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt26 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note27down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price027 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set28 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set14-2 {
     display: flex;
 }
 .set14-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set14-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set14-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt27 {
     display: flex;
 }
 .qyt27 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt27 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note28down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price028 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .chocolate-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 30px;
    margin-left: 10px;
    font-weight: lighter;
 }
 .chocolate-list {
    margin-left: 90px;
 }
 .set29 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set15-1 {
     display: flex;
 }
 .set15-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set15-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set15-1 h6{
     margin-left: 16px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt28 {
     display: flex;
 }
 .qyt28 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt28 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -40px;
 }
 .note29down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price029 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set30 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set15-2 {
     display: flex;
 }
 .set15-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set15-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set15-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt29 {
     display: flex;
 }
 .qyt29 p{
    width: 200px;
    margin-top: -5px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt29 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -10px;
 }
 .note30down {
     background-color: #61432E;
     width: 140px;
     height:35px;
     margin-left: 50px;
     margin-top: 3px;
     margin-left: 80px;
     border-radius: 24px;
 }
 .price030 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set31 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set16-1 {
     display: flex;
 }
 .set16-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set16-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set16-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt30 {
     display: flex;
 }
 .qyt30 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt30 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -15px;
 }
 .note31down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price031 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set32 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set16-2 {
     display: flex;
 }
 .set16-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set16-2 h2{
     margin-left: 0px;
     font-weight: lighter;
 }
 .set16-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 15px;
 }
 .qyt31 {
     display: flex;
 }
 .qyt31 p{
    width: 200px;
    margin-top: -10px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt31 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note32down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price032 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set33 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set17-1 {
     display: flex;
 }
 .set17-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set17-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set17-1 h6{
     margin-left: 16px;
     font-size: 15px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt32 {
     display: flex;
 }
 .qyt32 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt32 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note33down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price033 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set34 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set17-2 {
     display: flex;
 }
 .set17-2 img{
     margin-top: 50px;
     width: 140px;
     height: 140px;
     margin-left: 10px;
 }
 .set17-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set17-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt33 {
     display: flex;
 }
 .qyt33 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt33 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note34down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 60px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price034 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set35 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set18-1 {
     display: flex;
 }
 .set18-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set18-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-1 h6{
     margin-left: 16px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt34 {
     display: flex;
 }
 .qyt34 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt34 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -20px;
 }
 .note35down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price035 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set36 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set18-2 {
     display: flex;
 }
 .set18-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set18-2 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set18-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -10px;
 }
 .qyt35 {
     display: flex;
 }
 .qyt35 p{
    width: 200px;
    margin-top: -30px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt35 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note36down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 0px;
     border-radius: 24px;
 }
 .price036 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .cakes-list h1{
    font-family: 'Inter',sans-serif;
    margin-top: 60px;
    margin-bottom: 60px;
    margin-left: 10px;
    font-size: 30px;
    font-weight: lighter;
 }
 .cakes-list {
    margin-left: 90px;
 }
 .set37 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set19-1 {
     display: flex;
 }
 .set19-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set19-1 h2{
     margin-left: 5px;
     font-weight: lighter;
     font-size: 22px;
 }
 .set19-1 h6{
     margin-left: 12px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: 10px;
 }
 .qyt36 {
     display: flex;
 }
 .qyt36 p{
    width: 200px;
    margin-top: -15px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt36 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note37down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price037 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set38 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set19-2 {
     display: flex;
 }
 .set19-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set19-2 h2{
     margin-left: 5px;
     font-weight: lighter;
 }
 .set19-2 h6{
     margin-left: 18px;
     font-size: 17px;
     font-weight: lighter;
     margin-top: -2px;
 }
 .qyt37 {
     display: flex;
 }
 .qyt37 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt37 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -25px;
 }
 .note38down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price038 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set39 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set20-1 {
     display: flex;
 }
 .set20-1 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt38 {
     display: flex;
 }
 .qyt38 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt38 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note39down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -20px;
     border-radius: 24px;
 }
 .price039 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set40 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -460px;
    margin-left: 780px;
 }
 
 .set20-2 {
     display: flex;
 }
 .set20-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set20-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set20-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt39 {
     display: flex;
 }
 .qyt39 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt39 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note40down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: 5px;
     border-radius: 24px;
 }
 .price040 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set41 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
    margin-left: 780px;
 }
 
 .set21-1 {
     display: flex;
 }
 .set21-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set21-1 h2{
     margin-left: 10px;
     font-weight: lighter;
     font-size: 23px;
 }
 .set21-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 5px;
 }
 .qyt40 {
     display: flex;
 }
 .qyt40 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt40 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note41down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price041 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set42 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set21-2 {
     display: flex;
 }
 .set21-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set21-2 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set21-2 h6{
     margin-left: 18px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: -5px;
 }
 .qyt41 {
     display: flex;
 }
 .qyt41 p{
    width: 200px;
    margin-top: -20px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt41 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -30px;
 }
 .note42down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: 80px;
     margin-top: -5px;
     border-radius: 24px;
 }
 .price042 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }
 .set43 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: 20px;
 }
 
 .set22-1 {
     display: flex;
 }
 .set22-1 img{
     margin-top: 50px;
     width: 110px;
     height: 110px;
     margin-left: 10px;
 }
 .set22-1 h2{
     margin-left: 10px;
     font-weight: lighter;
 }
 .set22-1 h6{
     margin-left: 16px;
     font-size: 18px;
     font-weight: lighter;
     margin-top: 0px;
 }
 .qyt42 {
     display: flex;
 }
 .qyt42 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
   
 }
 .qyt42 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note43down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left: +90px;
     margin-top: -15px;
     border-radius: 24px;
 }
 .price043 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     font-weight: lighter;
 }
 .set44 {
    background-color:  rgba(255, 213, 123, 0.5);
    width: 370px;
    height: 220px;
    border-radius: 30px;
    margin-top: -220px;
    margin-left: 390px;
 }
 
 .set22-2 {
     display: flex;
 }
 .set22-2 img{
     margin-top: 50px;
     width: 120px;
     height: 120px;
     margin-left: 10px;
 }
 .set22-2 h2{
     margin-left: 10px;
     font-size: 22px;
     font-weight: lighter;
 }
 .set22-2 h6{
     margin-left: 18px;
     font-size: 16px;
     font-weight: lighter;
     margin-top: -7px;
 }
 .qyt43 {
     display: flex;
 }
 .qyt43 p{
    width: 200px;
    margin-top: -25px;
    font-size: 18px;
    margin-left: 20px;
 }
 .qyt43 input{
     width: 30px;
     height: 30px;
     border-radius: 12px;
     margin-left: -40px;
     margin-top: -35px;
 }
 .note44down {
     background-color: #61432E;
     width: 140px;
     height: 35px;
     margin-left:80px;
     margin-top: -10px;
     border-radius: 24px;
 }
 .price044 h3{
     color: mintcream;
     padding-left: 20px;
     padding-top: 5px;
     margin-top: 5px;
     font-weight: lighter;
 }

     .ordersummary {
        display: flex;
        /*border: 2px solid red;*/
        width: 1360px;
        margin-top: 20px;
    }
    
    .ordersummary h3{
        width: 500px;
        margin-top: 30px;
        margin-left: 100px;
        font-size: 29px;
        position: absolute;
    }
    .ordersummary button{
        width: 170px;
        height: 50px;
        background-color:  #4B3526;
        border-radius: 60px;
        color: mintcream;
        font-family: 'Inter',sans-serif;
        font-size: 22px;
        margin-left: 950px;
        font-weight: bolder;
       margin-top: 30px;
    }

    .order-vid {
    width: 900px;
}
.order-vid h1{
   /* border: solid 2px red ;*/
    width:800px;
    font-size: 35px;
    font-family: 'Inter',sans-serif;
    color: black;
    margin-top: 100px;
    margin-bottom: 100px;
    margin-left: 80px;
}
#video {
    width: 1150px;
    height: 550px;
    margin-left: -240px;
    border-radius: 24px;
    border: solid 4px black;
}

    .learnmore {
        position: relative;
        margin-top: 130px;
        margin-left: 120px;
     }
     .learnmore img{
        display: none;
     }
       .for-pc img{
     display: block;
    position: absolute;
    z-index: 2;
    width: 1300px;
    height: 750px;
    border-radius: 30px;
    margin-left: -60px;
 }
     .learnmore h1{
        position: absolute;
        z-index: 2;
        color: mintcream;
        font-family: 'Inter', sans-serif;
        font-weight: bolder;
        font-size: 115px;
        margin-left: 3px;
        margin-top: -0px;
     }
     .learnmore button{
    position: absolute;
    z-index: 3;
    width: 220px;
    height: 70px;
    background-color: rgba(255, 213, 123, 1);
    border-radius: 90px;
    color:#4B3526; 
    font-size: 30px;
    font-weight: bolder;
    margin-top: 650px;
    margin-left: 940px;
     }
     .learnmore a{
        text-decoration: none;
        color: #4B3526;
     }
    .info {
        margin-top: 960px;
        font-family: 'Inter',sans-serif;
        width: 750px;
        margin-left: 150px;
         }
         .info h1{
            width: 900px;
            font-size: 35px;
            margin-left: -10px;
            font-weight: 500;
            padding-top: -2px;
         }
         .foot {
            background-color: #61432E;
            width: 1420px;
            height: 760px;
            margin-top: 60px;
            margin-left: 25px;
            border-radius: 24px;
         }
         .foottop h1{
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 33px;
            padding-top: 80px;
            padding-left: 35px;
         }
         .footmid{
            width: 780px;
            display: flex;
         }
         .midleft img{
            width: 350px;
            height: 350px;
            border-radius: 24px;
            margin-left: 80px;
            margin-top: 80px;
         }
         .midcenter {
            width: 100px;
            margin-left: 120px;
            margin-top: 80px;
         }
         .midcenter li{
            list-style: none;
            padding-top: 70px;
            padding-left: 50px;
         }
         .midcenter a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 39px;
            font-weight: 200;
         }
         .midright {
            width: 100px;
            margin-top:80px;
         }
         .midright li{
            list-style: none;
            padding-top: 60px;
            padding-left: 160px;
         }
         .midright a{
            text-decoration: none;
            color: mintcream;
            font-family: 'Inter',sans-serif;
            font-size: 39px;
            font-weight: 200;
         }
         .footdown {
            width: 700px;
            display: flex;
            margin-top: 80px;
            margin-left: 30px;
         }
         .footdown img{
            width: 75px;
            height: 75px;
         }
         .footdown h2{
            color: mintcream;
            font-size: 33px;
            font-family: 'Inter',sans-serif;
            font-weight: lighter;
            margin-top: 19px;
            margin-left: 10px;
         }
        }