@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500;1,600&display=swap');
@import "reset.css";
@import "header.css";
@import "main.css";
@import "footer.css";

body {
	height: 100vh;
	background-repeat : no-repeat;
	background-position: center;
    background-size : cover;
}

body * {
	font-family: "Rubik", sans-serif;
	color: white;
	font-size: 22px;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

input {
	border-bottom: 1px solid gray;
	transition: border .5s ease-in-out;
}

input:focus {
	border-bottom: 1px solid white;
}

input::placeholder {
	color: gray;
	transition: color .5s ease-in-out;
}

input:focus::placeholder {
	color: white;
}

.hidden {
	display: none;
}