/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/*
 *= require park_request
 */

body {
	padding: 1em;
	.park_request {
		display: flex;
		padding: 1em;
		dl {
			dt {}
			dd {}
		}
	}
	
	form {
		display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-auto-rows: minmax(70px, auto);
    gap: 10px;
		align-items: center;
		text-align: center;

		
	}

	details {
		summary {
			box-shadow: 0px 0px 5px -1px #d996ff;
			border-radius: 15px;
			padding: 0.5em;
		}
	}
}