body, h1, p {
    margin: 0;
    padding: 0;
  }

  .content {
    grid-area: content;
	background-color: #000000;
	height: 100vh;
  }

  .terminal {
	resize: none;
	overflow: hidden;
	--size: 2;
 }

 @media only screen and (max-width: 640px) {
	.content {
		grid-area: content;
		background-color: #000000;
		height: 100vh;
	  }
	.terminal {
		width: 100vh; /* Use the viewport height for width */
        height: 100vw; /* Use the viewport width for height */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(90deg);
        transform-origin: center;
        overflow-y: auto; /* Allow scrolling */
		resize: none;
		overflow: hidden;
		--size: 1;
		padding-top: 10px;
		padding-left: 20px;
	}
}