body,html{padding:0;margin:0;overflow:unset;background:#000;color:#fff;display: flex;
    flex-direction: column;}body,canvas,html{touch-action:none;touch-action-delay:none}#notSupportedWrap{margin:2em auto 1em;width:75%;max-width:45em;border:2px solid #aaa;border-radius:1em;padding:2em;background-color:#f0f0f0;font-family:"Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;color:#000}#notSupportedTitle{font-size:1.8em}.notSupportedMessage{font-size:1.2em}.notSupportedMessage em{color:#888}@font-face{font-family:'in your face, joffrey!';src:url('fonts/in your face, joffrey!.ttf') format('truetype')}@font-face{font-family:varela-regular;src:url('fonts/varela-regular.ttf') format('truetype')}
canvas{
    order: 1;
}
section{
    order: 2;
}
#footer-container{
    order: 3;
}
.last-section {
  width: 100%;
  max-width: 1140px; /* Matches Bootstrap's container max-width for large screens */
  margin-right: auto; 
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  padding: 2rem;
  
} 
/*  shadow code is start from here */
.container.last-section {
  background-color: #f2f2f21a;
  color: #ffffff;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.397); /* soft white shadow for dark bg */
  max-width: 1000px;
  margin: 0px auto;
  line-height: 1.7;
  font-family: Arial, sans-serif;
}
.container.last-section h2 {
  color: #e0e0e0;
}
.container.last-section a {
  color: #ff4c4c;
  text-decoration: none;
}
.container.last-section a:hover {
  text-decoration: underline;
}