* {
    box-sizing: border-box;
}

body {
      background-image: url("passion2-pics/ramen-background-01-01.jpg");
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
      margin-left: 100px;
      margin-right: 100px;
      /*cursor: url("samyang-buldak.png"), auto;*/
    }

.button {
    position: relative;
    top: -200px;
    left: -20px;
    color: #ff8157;
    background-color: #ffdfca; 
    border: 8px outset;
    border-color: #ff8157;
    border-radius: 25px;
    box-sizing: border-box;
    width: 10%;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif ;
}

.header {
    color: #ffdd00;
    text-shadow: -5px 5px 10px #ee5f00;
    text-align: center;
    font-size: 200px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    margin: 10px;
}

.header2 {
    color: #ffdd00;
    background-color: #ee5f00; 
    position: relative;
    top: -60px;
    border-radius: 25px;
    width: 25%;
    padding: 16px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration-line: underline;
    text-decoration-style: wavy;
}

.ramen {
    position: relative;
    width: 350px;
    min-height: 400px;
}

.header3 {
    color:#ffdd00;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    font-weight:700;
    font-style: oblique;
    text-align: center;
    margin: 0;
    max-width: 200px;
    top: 0;
    background-color: #ee5f00;
    border-radius: 25px;
    padding: 5px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
}

.header4 {
    color:#ee5f00;
    background-color: #ffdd00;
    border-radius: 25px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 5px;
    width:fit-content;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    line-height: 15px;

}

.list {
    color:#ee5f00;
    background-color: #ffdd00;
    border-radius: 15px;
    font-weight: bold;
    padding: 10px;
    padding-left: 15px;
    margin: 0;
    width: 150px;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    line-height: 15px;
}

.grid-container {
    position: relative;
    left: 50px;
    display: grid;
    justify-content: center;
    grid-template-columns: auto auto auto;
    gap: 70px;
    padding: 10px;
  }

  .grid-item {
    margin: 0;
    padding: 20px;
    max-width: 400px;
    max-height: 400px;
    text-align: center;
  }

  .samyang {
    grid-column: 2/3;
    padding: 20px;
    margin: 0 auto;
  }