/*** The new CSS Reset - version 1.2.0 (last updated 23.7.2021) ***/

/* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
	all: unset;
	display: revert;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
}
/*
    Remove list styles (bullets/numbers)
    in case you use it with normalize.css
  */
ol,
ul {
	list-style: none;
}

/* Removes spacing between cells in tables */
table {
	border-collapse: collapse;
}

/* Revert the 'white-space' property for textarea elements on Safari */
textarea {
	white-space: revert;
}

/*
  1. Use a more-intuitive box-sizing model.
*/

/*
    2. Remove default margin
  */

/*
    3. Allow percentage-based heights in the application
  */
html,
body {
	height: 100%;
}
/*
    Typographic tweaks!
    4. Add accessible line-height
    5. Improve text rendering
  */
body {
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
}
/*
    6. Improve media defaults
  */
img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}
/*
    7. Remove built-in form typography styles
  */
input,
button,
textarea,
select {
	font: inherit;
}
/*
    8. Avoid text overflows
  */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}
/*
    9. Create a root stacking context
  */
#root,
#__next {
	isolation: isolate;
}

b {
	font-weight: 700;
}

a {
	cursor: pointer;
}

body {
	display: grid;
	place-content: center;
	background: linear-gradient(-45deg, #ee7752, #ddad00, #e73c7e, #23a6d5, #ddad00, #23d5ab);
	background-size: 800%;
	animation: GradientAnimation 20s linear infinite;
	color: #fff;
	font: 400 14px/1.3 "Raleway", sans-serif;
	padding: 6em 0;
}

img#logo {
	width: min(300px, 50vw);
	margin: 0 auto;
}
p#text {
	width: min(600px, 80vw);
	text-align: center;
	margin: 40px auto;
}

footer {
	font-size: 0.7em;
	text-align: center;
}

@keyframes GradientAnimation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}