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

body {
	
	color: black;
	font-family: 'Montserrat', sans-serif;
}

.container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 30vh;
}

.principal {
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 15px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.25);
	background-color: #020609;
	background: -moz-linear-gradient(top,#020609 0%,#2A3A47 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#020609),color-stop(100%,#2A3A47));
	background: -webkit-linear-gradient(top,#020609 0%,#2A3A47 100%);
	background: -o-linear-gradient(top,#020609 0%,#2A3A47 100%);
	background: -ms-linear-gradient(top,#020609 0%,#2A3A47 100%);
	background: linear-gradient(top,#020609 0%,#2A3A47 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#020609',endColorstr='#2A3A47',GradientType=0);
	margin: 0 auto;
	padding: 20px;
	min-width: 250px;
	max-width: 500px;
	user-select: none;
	 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50);
}

.tempo {
	font-size: 2rem;
	color: #ffffff;
	text-shadow: 1px 1px 0 #000000;
	font-weight: bold;
}

button {
  border: 0;
  padding: 8px 20px;
  margin: 0 2px 5px 0;
  border-radius: 5px;
  font-weight: 500;
  letter-spacing: 1px;
 background: #C4450B;
	background: -moz-linear-gradient(top,#C4450B 0%,#F5AF13 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#C4450B1),color-stop(100%,#F5AF13));
	background: -webkit-linear-gradient(top,#C4450B 0%,#F5AF13 100%);
	background: -o-linear-gradient(top,#C4450B 0%,#F5AF13 100%);
	background: -ms-linear-gradient(top,#C4450B 0%,#F5AF13 100%);
	background: linear-gradient(top,#C4450B 0%,#F5AF13 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#C4450B',endColorstr='#F5AF13',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:0px solid #C4450B
  color: #fff;
	cursor: pointer;
	outline: none;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.9);
}

button:active {
	transform: scale(0.98);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}@charset "utf-8";
/* CSS Document */