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

#index {
	width: 100%;
	margin: 0;
	padding: 0;
	& main {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100vh;
		width: inherit;
		flex-direction: column;
		& a {
			font-family: "Urbanist", sans-serif;
			font-size: 500%;
			margin: 0;
			&::after {
				content: "";
				mask-image: url("/assets/img/theme/paw.svg");
				background-color: red;
				height: 100%;
				position: absolute;
				pointer-events: none;
			}
		}
	}
	& footer {
		position: absolute;
		bottom: var(--pad-l);
		& p {
			text-align: center;
		}
	}
}