@import url('https://fonts.googleapis.com/css2?family=Noto+Emoji:wght@300..700&display=swap');
body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
    font-family: Arial, "Noto Emoji", sans-serif;
    text-align: center;
    color: white;
    background-color: #222;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
	height: 100vh;
}

h1 {
    margin: 20px;
    font-size: min(10vw, 10vh);
}

#container {
	width: min(300px, 50vw);
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
}

#container button {
	width: 100%;
	font-size: min(2vw, 2vh);
}

@media only screen and (max-width: 600px) {
	#container {
		width: 50vw;
	}
	h1  {
		font-size: 4em;
		content: "גרסת טלפון";
	}

	#container button {
		font-size: 1em;
	}
	
}