@import url('https://fonts.googleapis.com/css2?family=Roboto&family=Roboto+Mono&display=swap');

html {
	font-size: 16px;
}

body {
	background-color: #000;
	color: #fff;
	font-family: "Roboto", sans-serif;
}

.stopwatch {
	background-color: #969695;
	background-image: url("../images/metal.jpg");
	width: 100%;
	background-size: cover;
	background-position: center;
	border-radius: 6rem;
	padding: 1rem;
	box-sizing: border-box;
	text-align: center;
}

.stopwatch > input {
	font-size: 2rem;
	font-family: "Roboto mono", monospace;
	margin-bottom: 0.5rem;
	text-align: center;
	min-width: calc(100% - 11rem);
	width: 15rem;
	color: #000;
	background-color: #fff;
}

.stopwatch > .button-collection > button {
	font-size: 1.5rem;
	font-family: inherit;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5rem;	
	cursor: pointer;
}

.stopwatch > .button-collection > button.disabled {
	cursor: auto;
}

table.stopwatch-storage {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1rem;
    font-size: 1.25rem;
    line-height: 1.375;
	overflow-y: auto;
}