body {
	background: linear-gradient(to right, royalblue 0%, royalblue 25%, lightcoral 25%, lightcoral 50%, palegoldenrod 50%, palegoldenrod 75%, mediumaquamarine 75%);
	height: 100vh;
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.macosinlinebutton {
  font-weight: bold;
  color: white;
  background-color: #878787;
  padding: 1px 7px;
  border-radius: 1em;
}
#wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px;
	height: 100vh;
}
#heading {
	margin: 25px;
	width: 100%;
	max-width: 600px;
	height: auto;
}
#satelitwrapper {
	width: 100%;
	max-width: 800px;
	height: auto;
	display: grid;
	/*position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);*/
}
#tvstatic {
	grid-area: 1/1/1/1;
	margin-top: 22%;
	margin-left: 5%;
	width: 70%;
}
#satelit {
	grid-area: 1/1/1/1;
	z-index: 1;
}
#stbplayerwrapper {
	grid-area: 1/1/1/1;
	z-index: 2;
	width: 63%;
	height: 40%;
	margin-left: 7.5%;
	margin-top: 30%;
}
.ios13-segmented-control {
	margin-top: 25px;
}
.infobox {
	width: 100%;
	max-width: 700px;
	margin-top: 25px;
	padding: 10px;
	background: hsla(0,0%,100%,.5);
	-webkit-backdrop-filter: blur(100px);
	backdrop-filter: blur(100px);
	border-radius: 1em;
}
.infobox h1 {
	text-align: center;
}
#hevcwarning {
	display: none;
}
#bottompadding {
	min-height: 25px;
	height: 25px;
}