.App {
  text-align: center;
}

.App-logo {
  animation: App-logo-spin infinite 20s linear;
  height: 80px;
}

.App-header {
  background-color: #222;
  height: 150px;
  padding: 20px;
  color: white;
}

.App-intro {
  font-size: large;
}

@keyframes App-logo-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 40px;
    font-family: Arial, sans-serif;
  }
  
  .intro h1 {
    font-size: 36px;
    margin-bottom: 20px;
  }
  
  .prediction h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  
  .gameplay {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
  }
  
  .banner {
  /* background-color: #f2f2f2; */
  padding: 10px;
}

.banner-image {
  /* max-width: 100%; */
  width: 50%;
}

.content-container {
  position: relative;
}

.home-product-image {
  /* max-width: 100%; */
  width: 15%;
}
.home-product2-image {
  /* max-width: 100%; */
  width: 11%;
  padding-left: 5px;
}

.main-content {
  text-align: center;
  padding: 5px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.main-heading {
  font-size: 32px;
  margin-bottom: 15px;
}

.main-paragraph {  
  margin-left: auto;
  margin-right: auto;
  font-size: 22px;
  color: #e4e3e3;
  margin-bottom: 20px;
  line-height: 0.9;
  width: 45%;
}

.form-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.start-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 40px;
}

.name-input {
  padding: 10px;
  margin-right: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  width: 200px;
}

.start-button {
  padding: 10px 20px;
  background-color: #4caf50;
  color: white;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.start-button:hover {
  background-color: #45a049;
}

.start-button:disabled {
  opacity: 0.65; 
  cursor: not-allowed;
}

.error-message {
  position: static;
  padding-top: 5px;
  color: red;
  font-size: 22px;
}

.footer {
  padding: 10px;
  background-size: cover;
  color: white;
  text-align: center;
}

.footer-image {
  /* max-width: 100%; */
  width: 8%;
}

.footer-content {
  margin: 0 auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.footer-heading {
  font-size: 24px;
  margin-bottom: 10px;
}

.footer-paragraph {
  font-size: 18px;
  margin-bottom: 20px;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}

.footer-copyright {
  font-size: 14px;
  opacity: 0.8;
}
/* ResultPage.css */

.result-page {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}

.result-page-heading {
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}

.result-page-paragraph {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  line-height: 1.0;
  width: 65%;
  font-size: 22px;
}

.result-page-images {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin-top: 10px;
}

.result-page-company-image {
  width: 11%;
  padding: 2px;
}

.result-page-banner-image {
  width: 18%;
  padding: 2px;
}

.result-component {
  /* Add styling for your Result component here */
  margin-top: 5px;
}

.result-page-button {
  padding: 10px 20px;
  font-size: 12px;
  background-color: #459dfb;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.product-image {
  /* max-width: 100%; */
  width: 20%;
  margin-bottom: 10px;
}

.product2-image {
  /* max-width: 100%; */
  padding-left: 5px;
  width: 14%;
  margin-bottom: 10px;
}

.further-action-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
  width: 100%;
}

.further-action-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-top: 20px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.further-action-paragraph {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  line-height: 1.0;
  width: 80%;
}

.further-action-button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

/* Responsive styles */
@media screen and (max-width: 600px) {
  .result-page {
    padding: 10px;
  }

  .result-page-heading {
    font-size: 20px;
  }

  .result-page-paragraph {
    font-size: 14px;
  }

  .result-page-button {
    font-size: 14px;
  }
}
body {
  margin: 0;
  padding: 0;
  font-family: 'RM Typerighter';
}

@font-face {
  font-family: 'RM Typerighter';
  src: url(/static/media/rm-typerighter-medium.f217fa48.eot),
       url(data:application/octet-stream;base64,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) format('woff2'),
       url(/static/media/rm-typerighter-medium.f217fa48.eot?#iefix) format('embedded-opentype'),
       url(/static/media/RM-Typerighter-medium.da6fe6eb.woff) format('woff'),
       url(/static/media/RM-Typerighter-medium.4d54d5dd.ttf) format('truetype'),
       url(/static/media/RM-Typerighter-medium.e2fcc85a.svg#RM-Typerighter-medium) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Base Application Styles */
body {
    color: #fff;
    background: #222;
    text-align: center;
}

.index img {
    margin: 40px auto;
    border-radius: 4px;
    background: #fff;
    display: block;
}

.index .notice {
    margin: 20px auto;
    padding: 15px 0;
    text-align: center;
    border: 1px solid #000;
    border-width: 1px 0;
    background: #666;
}

.index canvas {
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;

}

#userID {
    font-family: 'RM Typerighter';
    position: absolute;
    top:0;
    left:0;
    visibility: hidden;
    color: #fff;
}

/*# sourceMappingURL=main.b7028f07.css.map*/