@charset "UTF-8";

body {
  background: #f4f4f4;
  font-family: Calibri, "Segoe UI", Arial, sans-serif;
  color: #222;
}

#container {
  position: relative;
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 34px 78px 95px 36px 34px 80px 70px 64px 62px 64px 64px;
  width: 800px;
  height: 800px;
  margin: 35px auto 22px;
  padding: 20px 20px 16px 18px;
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
}

#container div,
#container p {
  font-family: Calibri, "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #1f1f1f;
  margin: 0;
  font-weight: 400;
}

#left-top {
  position: absolute;
  top: 37px;
  left: 69px;
  width: 136px;
  font-size: 12.5px;
  line-height: 1.3;
}

.center {
  text-align: center;
}

#left-body {
  position: absolute;
  top: 110px;
  left: 58px;
  width: 330px;
  font-size: 11.5px;
  line-height: 1.33;
}

#left-body p {
  margin-bottom: 13px;
}

#right-top {
  position: absolute;
  top: 34px;
  right: 58px;
  width: 153px;
  font-size: 12.5px;
  line-height: 1.28;
  text-align: left;
}

#nutrition-title {
  position: absolute;
  top: 229px;
  right: 58px;
  width: 238px;
  font-size: 12px;
  line-height: 1.25;
  text-align: right;
}

#nutrition-cals {
  position: absolute;
  top: 256px;
  right: 58px;
  width: 238px;
  font-size: 12px;
  text-align: right;
}

#nutrition-amount {
  position: absolute;
  top: 286px;
  right: 58px;
  width: 238px;
  font-size: 12px;
  text-align: right;
}

#nutrition-note {
  position: absolute;
  top: 320px;
  right: 58px;
  width: 238px;
  font-size: 12px;
  text-align: right;
}

#nutrition-grid {
  position: absolute;
  top: 353px;
  right: 58px;
  width: 238px;
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 22px;
  font-size: 11.5px;
  line-height: 1.42;
}

.nutri-left,
.nutri-right {
  line-height: 1.55;
}

.nutri-left {
  text-align: left;
}

.nutri-right {
  text-align: right;
}

#info {
  width: 800px;
  margin: 12px auto 0 auto;
  font-family: Calibri, "Segoe UI", Arial, sans-serif;
  font-size: 12px;
  line-height: 1.45;
  color: #222;
}