.group-child {
    position: absolute;
    top: 10.67px;
    left: 0px;
    border-radius: 5px;
    background-color: #d9d9d9;
    width: 36px;
    height: 5.3px;
}
.group-item {
    position: absolute;
    top: 21.33px;
    left: 0px;
    border-radius: 5px;
    background-color: #d9d9d9;
    width: 36px;
    height: 5.3px;
}
.group-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 5px;
    background-color: #d9d9d9;
    width: 36px;
    height: 5.3px;
}
.rectangle-parent {
    position: absolute;
    top: 28px;
    left: 1214px;
    width: 36px;
    height: 26.7px;
    cursor: pointer;
}
.home {
    position: absolute;
    top: 17px;
    left: 77px;
    font-size: 48px;
    font-family: Inter;
    text-align: left;
    display: inline-block;
    width: 325px;
    height: 54px;
    cursor: pointer;
}
.macbook-air-2-child {
    position: absolute;
    top: 20px;
    left: 16px;
    border-radius: 50%;
    background-color: #d9d9d9;
    width: 48px;
    height: 48px;
    cursor: pointer;
}
.four-students-from {
    margin: 0;
}
.four-students-from-container {
    position: absolute;
    top: 2397px;
    left: 0px;
    font-size: 20px;
    font-family: Inter;
    display: inline-block;
    width: 1280px;
    height: 77px;
}
.macbook-air-2-item {
    position: absolute;
    top: 145px;
    left: 0px;
    filter: blur(5px);
    background-color: rgba(145, 199, 131, 0.53);
    width: 1280px;
    height: 63px;
}
.unipue {
    position: absolute;
    top: 154px;
    left: -91px;
    font-size: 48px;
    font-weight: 200;
    font-family: Inter;
    display: inline-block;
    width: 445px;
    height: 75px;
}
.omu-1-icon {
    position: absolute;
    top: 231px;
    left: -91px;
    width: 751px;
    height: 563px;
    object-fit: cover;
}
.icon {
    position: absolute;
    top: 1051px;
    left: -24px;
    width: 756px;
    height: 435px;
    object-fit: cover;
}
.g1-1-icon {
    position: absolute;
    top: 380px;
    left: 285px;
    width: 1101.2px;
    height: 888.8px;
    object-fit: contain;
}
.icon1 {
    position: absolute;
    top: 1448px;
    left: 697px;
    width: 583px;
    height: 552px;
    object-fit: cover;
}
.icon2 {
    position: absolute;
    top: 1876px;
    left: 97px;
    width: 513px;
    height: 521px;
    object-fit: cover;
}
.omelette-rice {
    position: absolute;
    top: 478px;
    left: 603px;
}
.green-curry {
    position: absolute;
    top: 900px;
    left: 122px;
}
.tuna-bowl {
    position: absolute;
    top: 1673px;
    left: 354px;
}
.kebab {
    position: absolute;
    top: 2090px;
    left: 777px;
}
.pibimpap-hamburg-steak-container {
    position: absolute;
    top: 1203px;
    left: 752px;
}
.macbook-air-2 {
    width: 100%;
    position: relative;
    background-color: #fff;
    height: 2474px;
    overflow: hidden;
    text-align: center;
    font-size: 64px;
    color: #000;
    font-family: Kalam;
}




.menu-button-open {
	position: fixed;
	width: 90px;
	height: 92px;
	top: 0;
	right: 20px;
	z-index: 1000;
	font-weight: 400;
	color: #000000;
	font-size: 80px;
	text-align: center;
	letter-spacing: 0;
	line-height: normal;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #cacaca;
	cursor : pointer;
  }
  
  #menu-check {
	display: none;
  }
  
.menu-overray-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(128, 128, 128, 0);
	transition-duration: 0.2s;
  }
  
  #menu-check:checked ~ .menu-overray-bg {
	background-color: rgba(128, 128, 128, 0.5);
  }  
  #menu-check:not(:checked) ~ .menu-overray-bg {
	display: none;
	z-index: 1;
	background-color: rgba(128, 128, 128, 0);
  }
  
 .menu-overray {
	position: fixed;
	width: 30%;
	height: 100%;
	top: 0;
	left: 100%;
	z-index: 101;
	background-color:aliceblue;
	transition-duration: 0.2s;
  }
.menu-container {
	position: relative;
	top: 100px;
	display: flex;
	flex-flow: column;
	align-items: center;
  }
  
.menu-overray a {
	font-size: 48px;
	padding: 0.5em;
  }
  
  #menu-check:checked ~ .menu-overray {
	left: 70%;
  }  