html{height:100%;width:100%;font-size:30px;font-family:Emmett;font-style:italic;color:#ffffff;}
section{width:100%;}

/*PIECES*/
#Title{
	width:60%;
	top:0;left:20%;
	position:absolute;
	clip-path: inset(0px 0px 0px 0px);
	transition: filter 1.0s linear, opacity 0.25s, clip-path 1.0s linear, top 0.1s;
	filter:brightness(0);
	opacity:0;
}
#Car{
	width:40%;
	top:0;
	position:absolute;
	transition: right 1.0s ease, filter 1.0s linear, width 1.0s linear;
	filter: brightness(0.2);
}
#Headlights{
	width:60%;
	top:0;left:20%;
	position:absolute;
	transition: filter 0.5s linear, opacity 0.1s;
	filter:brightness(0);
	opacity:0;
}
#ASE{
	position:absolute;
	width:0%;
	left:50%;
	padding-top:15%;
	transition:1.5s;
}
#Smoke{
	width:55%;
	top:-5%;left:-5%;
	transform:scaleY(0.3);
	position:absolute;
	transition: clip-path 1.0s ease, opacity 5s linear, transform 5s linear;
}

#Backdrop{
	top:0;
	z-index:-1;
	position:fixed;
	width:100%;height:120%;
}
#TextBarrel div{display:inline-block;font-size:2em;color:inherit;text-shadow: -3px -3px 4px #0000aa;transform:perspective(100px)translate3d(0,0,0)rotate3d(0,0,1,0);transition:1.3s;}
.txt0 {
	text-align:center;
  	position:absolute;
  	width:80%;
  	top:50%;left:50%;
  	transform:translate(-50%, -50%);
}

/*WORK DAYS*/
#w_box{cursor:default;position:fixed;z-index:1;top:20%;border-style:ridge;border-width:0px;background-color:#0000aa;opacity:0.8;overflow-x:hidden;}
#w_state{cursor:pointer;position:absolute;font-style:italic;left:50%;margin-top:34%;transform:translate(-50%,-50%);width:30%;min-width:500px;text-align:center;}
.w_cell{overflow:hidden;width:100%;height:50px;position:relative;padding:0;}
.w_d{position:absolute;left:0;margin-left:5%;}
.w_h{position:absolute;right:0;margin-right:5%;}

/*SIDEBAR*/
.hmbgr{
	cursor:pointer;
	position:fixed;
	top:0;
	right:0;
	z-index:1;
}
#tinyCar{
	height:60px;
	transition:margin 1s linear;
	right:60px;
}
.select{cursor:pointer;transition:0.3s;filter:brightness(0.5);}
.select:hover{filter:brightness(2);}

/*BOX WITH TOOLTIP*/
.tip {display:inline-block;position:relative;margin:0 20px 0 20px;transition:0.5s;}
.tip img{transition:0.5s;width:100%;}
.tip:hover img{filter:brightness(0.5);}
.tip div{width:80%;text-align:center;opacity:0;transition:0.4s;position:absolute;transform:translate(-50%,-100%);top:50%;left:50%;z-index:0;}
.tip:hover div{opacity:1;transform:translate(-50%,-50%);z-index:8;}
.tip srq{display:none;}

a{
	cursor:pointer;
	padding: 10px 20px 10px 20px;
	color: #ffffff;
	text-decoration:none;
	text-shadow: -3px -3px 4px #0000aa;
	transition: 0.3s;
	border-radius: 20%;
	display:inline-block;
}
a:hover{
	font-weight:bold;
	text-shadow:3px 3px 4px #ffff00;
}
[target=_new] img{transition:0.2s;}
[target=_new] img:hover{transform:scale(1.4);}

.sb{
	text-align:center;
	overflow:hidden;
	background-color: #000055;
	opacity:0.8;
	height:60px;width:100%;
	clip-path: inset(0 0 0 100%);
	position:fixed;
	z-index:9;
	top:0;
	right:0;
	transition: 1s linear;
	border-bottom: solid;
	border-color: #ffffff;
}
.sb .sbClose{
	position: absolute;
	top:0;left:0;
	margin-right: 180px;
}

#calendar_visible {font-style:normal;}
#calendar_visible tr th{border-style:solid;border-color:#ffffff;border-style:double;height:40px;width:200px;max-width:200px;position:relative;}
#calendar_visible tr td{border-style:solid;border-color:#ffffff;border-style:double;height:240px;width:200px;max-width:200px;position:relative;overflow:hidden;}
.cellDate{position:absolute;top:0;left:0;background-color:#000000;}
.cellEvent{width:100%;font-size:20px;cursor:pointer;max-height:45px;transition:0.2s;}
.cellEvent:hover{filter:brightness(1.2);}
.cellEvent time{padding:0 5px;display:inline;text-decoration:underline;}
.cellEvent div{display:inline;}

@font-face {font-family:Emmett;src: url(img/Emmett.ttf);}