style.css

/* body {
	background: #333333;
	color: #43dde6;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	margin: 0;
	font-family: Roboto;
}
.top-part {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}
.timer {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	font-size: 48px;
	color: #fafafa;
}
.timer-counting {
	color: #49c0b6;
}
.timer-break {
	color: #9b76d0;
}
.title {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0px;
	font-size: 24px;
	color: #f5f5f5;
}
.bottom-part {
	display: flex;
	justify-content: start;
	padding: 0px 10px;
}
#main-button {
	margin-right: 20px;
	background: #6cc644;
	border-color: #6cc644;
	color: #fafafa;
	font-size: 24px;
	padding: 3px 6px;
	border-radius: 5px;
	cursor: pointer;
}

#pause-button {
	margin-right: 20px;
	border-color: #4078c0;
	color: #fafafa;
	font-size: 24px;
	padding: 3px 6px;
	background: #4078c0;
	border-radius: 5px;
	cursor: pointer;
}

.window-bar {
	-webkit-app-region: drag;
	height: 20px;
	background: #222222;
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
} */