/* Global
---------------------------------*/
:root {
	--white-tint: #eff1f5;
	--black-tint: #191b1e;
}

body {
	font-family: 'Share Tech Mono', monospace;
	font-size: 80px;
}
.white {
	background-color: var(--white-tint);
	color: var(--black-tint);
}


/* Stopwatch Section
---------------------------------*/
#section-stopwatch {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#stopwatch-container {
	flex: 0 1 auto;
	border: solid 5px;
	padding: 25px 100px 25px 100px;
}

#buttons-container {
	display: flex;
	font-size: 30px;
	margin: 10px 100px 10px 100px;
}
.btn {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn:hover {
	cursor: pointer;
}

a {
	font-size: 0px;
}

.project-button-div {
	display: inline-block;
  	color: var(--black-tint);
  	font-size: 12px;
  	margin: 20px;
	padding: 2px 6px 6px 5px;
}
.project-button-div img {
	width: 15px;
	height: 15px;
  	transform: translate(13%, 25%);
}

[v-cloak] { display: none; }