.page-portalpage-044141d8-9cf2-40dc-9c4a-069635c4e8f3 container {width:100%;padding:0px;margin:0px;}

.page-home .inside-page-content {
  height: 90vh;
  font-size: 1.3vw;

}

@media (min-width: 768px) {
.page-home .inside-page-content {
    font-size: 62.5%;
  }
}

.page-home {
  background-color: #e4a924;
body {
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e4a924;
  transition: background-color 0.55s;
  will-change: background-color;
  margin: 0;
}
}


.menubuttons {
margin:20% 35% 0% 35%;
}

.menu__item {
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 12.5rem;
  background: #f3f3f3;
  display: inline-block;
  margin-left: 1.1rem;
  animation-name: close;
  animation-duration: 0s;
  will-change: width background-color;
  transition: background 0.55s;
  vertical-align: top;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 1px rgba(0,0,0, 0.1);
}

.menu__item:first-child {
  margin-left: 0;
}

.menu__item--animate {
  animation-duration: 0.5s;
}

.menu__item--active {
  width: 17rem;
  animation-name: open;
}

@keyframes open {
  0% {width: 8.5rem;}
  40% {width: 18.5rem;}
  80% {width: 17rem;}
  100% {width: 17rem;}
}

@keyframes close {
  0% {width: 17rem;}
  40% {width: 7rem;}
  80% {width: 8.5rem;}
  100% {width: 8.5rem;}
}

.menu__item--active.menu__item--yellow { background: #fabe2b; }
.menu__item--active.menu__item--red { background: #f43768; }
.menu__item--active.menu__item--green { background: #45e1a3; }
.menu__item--active.menu__item--purple { background: #c152da; }

.menu__item svg {
  fill: #a6a6a6;
  width: 4.5rem;
  height: 4.5rem;
  transtiion: fill 0.55s;
  will-change: fill;
}

.menu__item--active svg {
  fill: #fffdfe;
}

.menu__item menu__item--red .menu__item--active menu__item--animate{
position:relative;
content:"Click here to Shop!";
}