@import url("https://fonts.googleapis.com/css2?family=Open+Sans&display=swap");

h1 {
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 1.3rem;
	margin-top: 30px;
}

p {
	font-family: "Open Sans", Arial, sans-serif;
	margin-bottom: 30px;
}

a {
	text-decoration: none;
}

#content {
	background-color: rgb(242, 242, 242);
	max-width: 400px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 50px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#icon {
	max-width: 150px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.download-button {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.btn {
	width: 100%;
	align-items: center;
	text-align: center;
	appearance: button;
	background-color: #0276ff;
	border-radius: 8px;
	border-style: none;
	box-shadow: rgba(255, 255, 255, 0.26) 0 1px 2px inset;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	font-family: "RM Neue", sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin-bottom: 20px;
	padding: 10px 21px;
	text-align: center;
	text-transform: none;
	transition: color 0.13s ease-in-out, background 0.13s ease-in-out, opacity 0.13s ease-in-out, box-shadow 0.13s ease-in-out;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}

.btn:active {
	background-color: #006ae8;
}

.btn:hover {
	background-color: #1c84ff;
}

.btn-content {
	display: flex;
}

.btn-text {
	display: inline-flex;
	justify-content: center;
	width: 80%;
}

.btn-icon {
	display: inline-flex;
	text-align: right;
	width: 20%;
	justify-content: center;
}