body {
 background-color: limegreen;
}

.container {
  margin: 40px;
  background-color: transparent;
  display: flex;
  flex-direction: column; /* ⬅️ THIS LINE IS NEW */
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  border: 10px darkgreen;
  border-style: outset;
  padding: 20px;
}


h1 {
 font-size: 80px; 
 color: red;
 margin: 0;
 border: 10px blue;
 border-style: dashed;
 text-align: center;
}

h2 {
color: yellow;
font-size: 25px;
margin: 5px;
}

p {
 color: yellow;
 font-size: 20px;
 font-weight: bold;
}

.autismholder {
 background: red;
 width: 50%;
 height: fit-content;
 border: 7px darkred;
 border-style: inset;
}

.autismholder2 {
 background: cyan;
 width: 50%;
 margin: 10px auto;
 height: fit-content;
 border: 7px cyan;
 border-style: inset;
}

.autismarrow {
position: absolute;
left: 50%;
top: 30%;
height: 200px;
}

.button:hover {
 transform: scale(1.05); 
}