@charset "utf-8";

/* source-sans-3-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    src: url('https://santa.tim-weseloh.art/lib/fonts/source-sans-3-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* source-sans-3-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 500;
    src: url('https://santa.tim-weseloh.art/lib/fonts/source-sans-3-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* source-sans-3-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 600;
    src: url('https://santa.tim-weseloh.art/lib/fonts/source-sans-3-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  

@font-face {
    font-family: 'Numbers';
    src: url('https://santa.tim-weseloh.art/lib/bahnschrift.ttf');
}

* {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
    color: #b8e2c5;
}
body {
    background: #8e062c;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 500;
    font-size: 15pt;
    letter-spacing: 1.3px;
    line-height: 2.5;
    color: #fffbfc;
}
div#number {
    font-family: 'Numbers';
    font-size: 90pt;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
}
iframe, video {
    -webkit-box-shadow: 0px 0px 5px 5px rgba(85, 116, 95, 0.5);
	-moz-box-shadow: 0px 0px 5px 5px rgba(85, 116, 95, 0.5);
	box-shadow: 0px 0px 5px 5px rgba(85, 116, 95, 0.5);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
div#logout {
    position: absolute;
    top: 10px;
    right: 20px;
    cursor: pointer;
}
div#wrapper {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
input {
    margin: 20px 10px;
    padding: 10px;
}
div#button {
    display: inline-block;
    font-size: 14pt;
    font-weight: 600;
    margin: 20px;
    padding: 5px 10px;
    background: rgb(70, 56, 53);
    color: rgb(206, 206, 206);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(30,58,92,0.15);
	-moz-box-shadow: 0px 0px 5px 5px rgba(30,58,92,0.15);
	box-shadow: 0px 0px 5px 5px rgba(30,58,92,0.15);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    cursor: pointer;
}