@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;900&display=swap");

:root {
	--bg-color: hsla(0, 0%, 80%, 0.884);
	--bg-color: hsla(17, 100%, 91%, 0.178);
	--font-color: hsl(201, 15%, 50%);
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: var(--bg-color);
	width: 100dvw;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	user-select: none;
}

.logo {
	width: clamp(360px, 50dvw, 494px);
	height: auto;
}

.strip-top {
	position: absolute;
	bottom: 0;
	width: 100dvw;
	height: 30px;
	background-color: #191919;
background-color: transparent;
	display: grid;
	place-items: center;
}

.copyright {
	font-family: "Roboto";
	font-size: 0.675rem;
	font-weight: 400;
	color: #191919;
	text-transform: uppercase;
	text-align: center;
}