html, body {
	-webkit-text-size-adjust: none;
	-webkit-appearance: none;
	-webkit-user-select: none;
	text-size-adjust: none;
	appearance: none;
	user-select: none;
	padding:0px;
	margin:0px;
    height:100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:16px;
	color:#ffffff;
}

#alertBackground {
	display:none;
	position:fixed;
	z-index:109;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
    justify-content: center;
    align-items: center;
}

#alertOuter {
    width: 90%;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#alertInner {
	padding:15px;
	word-wrap: break-word;
}

a {
    display: block;
    margin: 15px 0px;
    color: white;
    font-weight: 700;
    background-color: #ffffff;
    padding: 15px;
    color: #222222;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    cursor:pointer;
    touch-action: manipulation;
}

a:hover {
    background-color: rgba(255,255,255,0.8);
}

a.reg {
    background: none;
    display: inline;
    color: rgba(255,255,255,0.8);
    padding: 0;
    text-align: left;
}

a.reg:hover {
    color: rgba(255,255,255,1);
}

p {
    word-wrap:break-word;
    hyphens: auto;
}

h1,h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: 200;
	font-size: 80px;
	margin-top:30px;
	margin-bottom:20px;
}

h2 {
    font-size:25px;
    margin-top: 0px;
}

h1.alertTitle {
    font-weight: 700;
    font-size: 32px;
    margin-top:0px;
    margin-bottom:20px;
    text-transform:uppercase;
	color:#06a4cb;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.alertText {
	color: #000000;
	font-size: 16px;
	font-weight: 300;
	padding:0px 0px 30px 10px;
}

.alertButton {
    font-size: 16px;
    padding: 20px;
    font-weight: 300;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 5px;
	cursor:pointer;
	border-bottom:5px;
}

.alertButtonGrey {
	background-color: #696969;
    color: #ffffff;
}

.alertButtonGrey:hover {
	background-color: #8a8a8a;
}

video {
    width: 100%;
    border-radius: 0.001%;
    max-height: 99.999%;
}

.background-color-1 { background-color:#ff9908; background: linear-gradient(165deg, #ff9908 52%, #ff9908e6 52%); }
.background-color-2 { background-color:#dc5e5f; background: linear-gradient(165deg, #dc5e5f 52%, #dc5e5fe6 52%); }
.background-color-3 { background-color:#9ec31b; background: linear-gradient(165deg, #9ec31b 52%, #9ec31be6 52%); }
.background-color-4 { background-color:#06a4cb; background: linear-gradient(165deg, #06a4cb 52%, #06a4cbe6 52%); }
.background-color-5 { background-color:#8abcb1; background: linear-gradient(165deg, #8abcb1 52%, #8abcb1e6 52%); }
.background-color-6 { background-color:#968abc; background: linear-gradient(165deg, #968abc 52%, #968abce6 52%); }

.background-color-1-plain { background-color:#ff9908; }
.background-color-2-plain { background-color:#dc5e5f; }
.background-color-3-plain { background-color:#9ec31b; }
.background-color-4-plain { background-color:#06a4cb; }
.background-color-5-plain { background-color:#8abcb1; }
.background-color-6-plain { background-color:#968abc; }

#bg_theme {
    display:none;
}

.content-main, .content-details {
    display: flex;
    justify-content: center;
    min-height: 100vh;
    align-items: center;
    gap: 10px;
    flex-wrap:wrap-reverse;
    box-sizing: border-box;
}

.content-details {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    min-height: auto;
}

.content-video {
    padding: calc(20px + 3%);
    max-width: 620px;
    background-color: #ffffff;
    border-radius: 100%;
    transform: rotate(-5deg);
    aspect-ratio: 1 / 1;
    margin: 20px;
    box-sizing: border-box;
    overflow:hidden;
    display: flex;
}

.content-text, .content-text-wide, .content-text-600 {
    max-width: 360px;
    text-align:justify;
    padding: 20px 30px;
}

.content-text-600 {
    max-width: 600px;
}

.content-text-wide {
    max-width: none;
    text-align: center;
    padding: 0px;
    width: 90vw;
}

@media (min-width: 660px) {
	#alertOuter {
		width: 620px;
	}
}