html {
	background-color: black;
}

html, body, main {
	height: 100%;
}

.main {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
}

/* LIGHTBULB */

.lightbulb {
	width: 50vmin;
	height: 60vmin;
	border-radius: 40%;
	background-color: darkslategray;
}

.lightbulb.is-on{
	background-color: rgba(255, 221, 135, 0.652);
	box-shadow: 0 0 10vmin goldenrod;
}


button{
	background-color: rgba(218, 165, 32, 0.678);
	font-family: "Space Mono", serif;
}

button[name="on"]{
	color: goldenrod;
}

button[name="off"]{
	color: goldenrod;
}