:root {
  --themecolor: #cc242c;
  --fontcolor: #515050;
  --headingcolor: #231f20;
  --whitecolor: #ffffff;
  --blackcolor: #000000;
  --parafont: "Poppins", sans-serif;
  --headingfont: "AmpleSoft Pro";
}

body {
  width: 100vw;
  height: 100vh;
  font-family: var(--headingfont);
  color: var(--whitecolor);
  background-color: #e6e6e6;
}
/* For header background */
header {
  background-color: var(--themecolor);
  margin-bottom: 2rem;
}

.flex-container {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 4rem); /* Subtract the height of the header */
}

/* For mobile devices */

@media only screen and (max-width: 600px) {
  #ckoGooglePay {
    width: 90%;
    height: 50px;
  }
}