:root {
	    		--clr-primary: hsl(230deg, 46%, 12%);
	    		--clr-accent: hsl(33deg, 41%, 91%);
	    	}
	    	html {
	    		background-color: var(--clr-accent);
	    		height: 100%;
	    	}

	    	body {
	    		font-family: 'Lufga', 'prompt', sans-serif;
	    		font-size: 1rem;
	    		line-height: 1.67;
	    		font-weight: 300;
	    		color: var(--clr-accent);
	    		background-color: var(--clr-primary);
	    		min-height: 100%;
	    		margin: 0;
	    		display: flex;
	    	}
	    	p {
	    		margin-block: 0;
	    	}
	    	address {
	    		font-style: normal;
	    		margin-block-start: 1rem;
	    		max-width: 50ch;
	    	}
	    	a {
	    		color: var(--clr-accent);
	    	}
	    	img {
	    		max-width: 100%;
	    	}
	    	.layout {
	    		display: grid;
	    		align-content: center;
	    		--content-max-width: 1440px;
				--edge-spacing: 3rem;
				max-width: 100%;
				margin-inline: auto;
				gap: 1.5rem;
				width: min(100% - var(--edge-spacing), var(--content-max-width));
				padding-block: 1.5rem;
	    	}
	    	@media (min-width: 1200px) {
	    		body {
	    			font-size: 1.125rem;
	    			min-height: calc(100% - 5rem);
	    			border: 2.5rem solid var(--clr-accent);
	    		}
	    		.layout {
	    			grid-template-columns: 1fr 1fr;
	    		}
	    	}
	    	.left {
	    		display: grid;
	    		align-items: center;
	    		text-align: center;
	    		justify-content: center;
	    		gap: 1.5rem;
	    	}
	    	.right {
	    		background-color: var(--clr-accent);
	    		padding: clamp(1.5rem, 5vw, 4rem);
	    		color: var(--clr-primary);
	    		display: grid;
	    		gap: 2.5rem;
	    	}
	    	address a {
	    		color: var(--clr-primary);
	    		white-space: nowrap;
	    	}
	    	.btn {
	    		background-color: var(--clr-primary);
	    		display: inline-flex;
	    		gap: .5rem;
	    		text-align: center;
	    		align-items: center;
	    		border-radius: 80rem;
	    		text-decoration: none;
	    		padding: .25em;
	    		padding-inline-start: 1.25rem;
	    	}