@charset "utf-8";

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	color: #fff;
	background-color: #F5D9D5;
	padding: 0;
	margin: 0;
	margin-top: 2em;
	line-height: 1.8em;
	text-align: left;
	text-wrap: pretty;
	font-family: Tahoma, Verdana, system-ui, Helvetica, sans-serif;
}
p {
 	margin: 0 0 1.6em 0;
	padding: 0;
	text-align: left;
}

h1 {
	text-align: center;
	color: #fbac18;
}
#frame {
	border: 0;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

    .grid-container {
        display: grid;
        grid-template-columns: 1fr 2fr; /* Creates two equal-width columns */
        gap: 40px; /* Optional: Adds space between columns */
	place-content: center;
	text-align: center;
    }

    @media (max-width: 768px) { /* Adjust breakpoint as needed */
        .grid-container {
            grid-template-columns: 1fr; /* Stacks columns vertically on smaller screens */
        }
    }