/*
.some-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

// devices smaller than 768px
@media (max-width: 768px) {
    .some-container {
        flex-direction: row
    }
}
*/
:root {
  --dark: #002200ee;
  --light: #00cc11ff;
  --border1: #00ff0055;
  --fg0: #00aa00cc; --fg1: #00aa00ff;
  --bg0: #000000ff; --bg1: transparent; --bg2: #000000cc; --bg3: #33003377;
  --fn0: "Helvetica Neue"; --fn1: "Hannotate TC";
}
* { margin: 0; padding: 0 }
html {font-family: var(--fn1) }
body {
	display: flex; justify-content: center; align-items: center;
	height: 100vh;
	background-color: var(--bg0);
	font-family: Arial, sans-serif;
	cursor: "crosshair";
  	cursor:url('http://upload.wikimedia.org/wikipedia/commons/d/de/POL_apple.jpg');
  	
}
a { text-decoration: none; }

video { object-fit: cover; width: 100vw; height: 100vh; display: block; }

/* ---------------------------------------- */
.video-container {
	position: relative;
	/* 	width: 800px; */
	width: 100vw;
	overflow: hidden;
	/* 	border-radius: 8px; */
	/* 	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
	transition: transform 0.2s ease;
	z-index: 2;
	background-color: #000;
	opacity: 1.0;
}

.vid { width: 40%; height: 40%; top: 10%; display: block; }

/* .video-container:hover { transform: scale(1.4); opacity: 0 } */

/* ---------------------------------------- */
/* #bg_vid { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 0; opacity: 0.1; } */

#v1 { z-index: 2; position: fixed; left: 0; top: 0; opacity: 0.8; height: 100% }

/* #v2 { z-index: 2; right: 0; position: fixed; top: 0; opacity: 0.99; } */

/* .ytvid { margin: 10px } */
/* ---------------------------------------- */

/* 
.rotate { color: #fff; animation: rotateZ 5s; }
@keyframes rotateZ { to { transform: rotateZ(180deg); } }
 */

/* ---------------------------------------- */


.overlay {
	display: flex; justify-content: center; align-items: center;
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
	opacity: 1; background-color: rgba(0, 0, 0, 0.5);
	transition: opacity 0.7s ease;
}
.overlay:hover { opacity: 0.2 }

/* 
.overlay-text { position: fixed; color: white; font-size: 48px; z-index: 9; opacity: 0.4; text-align: left; }
.overlay-text2 { position: fixed; color: green; font-size: 48px; text-align: right; z-index: 9; opacity: 0.2; }
 */
















/*
* { background-color: #000; }
body { margin: 0; 
  cursor:url('http://upload.wikimedia.org/wikipedia/commons/d/de/POL_apple.jpg');
}
.fs { height: 100vh; width: 100vw; }
.mono{ font-family: "Courier new", monospace; }
.centred {
    height: 50px;
    left: 45%;
    position: absolute;
    top: 30%;
    transform: translate(-50%, -50%);
    width: 200px;
}
.outline{ background-color: #eee ; color: #efe; }
.outline:hover{ background-color: #0a0; color: #ddd; }
.outline2{ background-color: #eee; color: #efe; }
.outline2:hover{ background-color: #d00; color: #ddd; }
h1 {text-align: center; font-style: monospace; font-size: 1.4em; font-weight: 100; color: #efe; }
#head { font-size: 300em; width: 900px; }

#container{}

#mask { background-color: #0f0; z-index: 5; opacity: 0.4; width: 100vw; height: 100vh; }
*/


/* ---------------------------------------- */
/*
#msg {
	letter-spacing: -0.07em;
	font-size: 20px;
	margin: 0;
	padding: 0;
	z-index: 9; left: 10px; bottom: 10px; 
	position: absolute;
	color: #6a6;
	background-color: transparent;
}

#smiley {
	margin: 0;
	padding: 0;
	z-index: 11; right: 20px; bottom: 10px;
	position: absolute;
	font-size: 24px;
	opacity: 1;
}	

#email {
    margin: 0;
    padding: 0;
    z-index: 9; right: 10px; top: 10px;
    position: absolute;
    opacity: 0.9;
    font-size: 14px;
}
*/