body {
  margin: 0;
}

div {
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
	background-color: red; /*Cover use when the animation doesn't work. ex:mobile*/
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

#header {
	display: flex;
	justify-content: center;
	height: 220px;
	border: none;
	width: 80%;
	color: #1E90FF;
	font-size: 1.4vmin;
	font-weight: bold;
  	background-color: transparent;
	backdrop-filter: blur(3px);
}

#box {
	display: flex;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: 20px;
	/* border: thin solid gray; */
	padding: 1em;
	background-color: transparent;
	backdrop-filter: blur(5px);
	color: #f5f5f7;
	font-size: 20px;
}

#footer {
	display: flex;
	justify-content: center;
	align-items: center;
	color: grey;
	height: auto;
	width: auto;
	position: absolute; 
	bottom: 0px;
	border: none;
	padding: 6px;	
	background-color: transparent;
	backdrop-filter: blur(5px);
}

a {
    color: grey;
	text-decoration: none;
}