@import url("./variables.css");
@import url("./theme-light.css");
@import url("./theme-dark.css");

#index {
	color: var(--primary-dark-300);
	background-color: rgb(255, 190, 0);
	width: 100%;
	margin: 0;
	padding: 0;
	& main {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: inherit;
		flex-direction: column;
		background-image: var(--sunny);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		& a {
			position: absolute;
			top: 2rem;
			background-color: unset;
		}
	}
	& footer {
		position: absolute;
		bottom: var(--pad-l);
		& p {
			text-align: center;
		}
	}
}