html,
body {
	height: 100%;
	margin: 0;
	background-color: #000;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

.glitch img {
	position: relative;
	z-index: 1;
	display: block;
}

.glitch__layers {
	width: 200px;
	height: 200px;
	z-index: 2;
	position: absolute;
	top:0;
}

.glitch__layer {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: url("logo.png");
	background-size: 200px 200px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.glitch__layer:nth-child(1) {
	transform: translateX(-5%);
	animation: glitch-anim-1 2s infinite linear alternate;
}

.glitch__layer:nth-child(2) {
	transform: translateX(3%) translateY(3%);
	animation: glitch-anim-2 2.3s -.8s infinite linear alternate;
}

.glitch__layer:nth-child(3) {
	transform: translateX(5%);
	animation: glitch-anim-flash 1s infinite linear;
}

@keyframes glitch-anim-1 {
	0% {
		clip-path: polygon(0 0%, 100% 0%, 100% 5%, 0 5%);
	}

	10% {
		clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
	}

	20% {
		clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
	}

	30% {
		clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
	}

	40% {
		clip-path: polygon(0 35%, 100% 35%, 100% 35%, 0 35%);
	}

	50% {
		clip-path: polygon(0 45%, 100% 45%, 100% 46%, 0 46%);
	}

	60% {
		clip-path: polygon(0 50%, 100% 50%, 100% 70%, 0 70%);
	}

	70% {
		clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
	}

	80% {
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}

	90% {
		clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
	}

	100% {
		clip-path: polygon(0 60%, 100% 60%, 100% 70%, 0 70%);
	}
}

@keyframes glitch-anim-2 {
	0% {
		clip-path: polygon(0 15%, 100% 15%, 100% 30%, 0 30%);
	}

	15% {
		clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
	}

	25% {
		clip-path: polygon(0 8%, 100% 8%, 100% 20%, 0 20%);
	}

	30% {
		clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
	}

	45% {
		clip-path: polygon(0 45%, 100% 45%, 100% 45%, 0 45%);
	}

	50% {
		clip-path: polygon(0 50%, 100% 50%, 100% 57%, 0 57%);
	}

	65% {
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}

	75% {
		clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
	}

	80% {
		clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
	}

	95% {
		clip-path: polygon(0 45%, 100% 45%, 100% 60%, 0 60%);
	}

	100% {
		clip-path: polygon(0 11%, 100% 11%, 100% 15%, 0 15%);
	}
}

@keyframes glitch-anim-flash {
	0% {
		opacity: .2;
	}
	30%,
	100% {
		opacity: 0;
	}
}

.bgimg {
	background-image: url('back.jpg');
	min-height: 100%;
	background-position: center;
	background-size: cover;
}

a.tgreen,
a.tgreen:visited {
	z-index: 0;
	color: #63ffc9;
	text-decoration: none;
	border: 2px #63ffc960 solid !important;
	border-radius: 5px;
}

a.tmag,
a.tmag:visited {
    z-index: 0;
    color: #fff;
    background-color: #666;
    text-decoration: none;
    border: 3px #999 solid !important;
    border-radius: 5px;
    display: inline-block;
    padding: 1px 22px;
    font-size: 17pt;
	margin: 5px 0;
}

a.tmag:hover {
	background-color: #999 !important;
	border: 3px #aaa solid !important;
	color: #fff !important;
}
a.tmags,
a.tmags:visited {
    z-index: 2;
    background-color: #63ffc9;
    text-decoration: none;
    color: #000;
    /* border: 3px #63ffc990 solid !important; */
    border-radius: 5px;
    display: inline-block;
    padding: 15px 30px;
    font-size: 15pt;
    font-weight: bold;
    /* text-shadow: 1px 1px #8d17a1; */
    margin: 20px 0 0 0;
}

a.tmags:hover {
	background-color: #de27ff !important;
	color: #fff !important;
}

.w3-button.tgreen:hover {
	background-color: #63ffc9 !important;
	color: black !important;
}

.wrap {
	height: 100%;
}

.hlg {
	color: #63ffc9;
	font-size: 17pt;
	margin: 15px auto;
}

.hlgb {
	color: #000;
	font-size: 18pt;
	background-color: #63ffc9;
	padding: 15px;
	border-radius:5px;
	max-width: 430px;
	margin: 15px auto;
	line-height: 22pt;
}

.hlmb {
	color: #000;
	font-size: 17pt;
	background-color: #de27ff;
	padding: 25px;
	border-radius: 5px;
	max-width: 430px;
	margin: 15px auto;
	line-height: 30pt;
}

.spacer {
	margin: 0 auto;
	border-bottom: 2px #63ffc960 solid !important;
	border-top: none;
	max-width: 600px;
	padding-top: 25px;
}

.spacer_bottom {
	margin: 0 auto;
	border-bottom: 2px #63ffc960 solid !important;
	border-top: none;
	max-width: 600px;
	padding-top: 0px;
}

.spon {
    color: #63ffc9;
    font-size: 15pt;
    padding: 0;
    margin: 0 0 20px 0;
}

.cofee a {
    color: #de27ff !important;
	font-size: 16pt;
}

.cofee a:hover {
    color: #ea71ff !important;
}

.slogo {
	border: 2px #63ffc960 solid;
	border-radius: 5px;
	width: 30%;
	margin: 0.5%;
	padding: 10px;
	min-width: 140px;
}

.sbox {
	/*
	border: 2px #63ffc960 solid;
    border-radius: 5px;
    width: 150px;
    height: 150px;
    display: inline-block;
    margin: 10px;
    padding: 10px;
	*/
    display: grid;
    place-content: center;
	width: 150px;
    height: 150px;
	float: left;
	margin: 14px;
}

@media screen and (max-width: 650px) {
	.sbox {
		display: grid;
		place-content: center;
		width: 150px;
		height: 150px;
		float: none;
		margin: 14px auto;
	}
}


.valign {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

a.slogo:hover/*, td:hover*/ {
	border: 2px #63ffc9 solid;
}
td.slogo a {
    height: 120px;
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    line-height: 120px;
    padding: 0;
    margin: 0;
}

.breathing-box {
    -webkit-animation: breathing 3s ease-out infinite normal;
    animation: breathing 3s ease-out infinite normal;
}

ul.cul {
	color: #63ffc9;
    text-align: left;
    font-size: 16pt;
    line-height: 16pt;
}

ul.cul li {
	margin: 20px 0;
}

ul.cul li b {
	color: #de27ff;
}

.sched_toggle_button {
    border-radius: 5px;
    padding: 16px;
    font-weight: bold;
    font-size: 16pt;
	color: #63ffc9;
	text-decoration: none;
	border: 2px #63ffc960 solid !important;
}

.sched_toggle_button:hover {
	background-color: #63ffc9 !important;
	color: black !important;
}

#sched_box {
    border: 2px #63ffc960 solid;
	border-radius: 5px;
    padding: 0 20px;
}

@-webkit-keyframes breathing {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	  }
	
	  25% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	  }
	
	  50% {
		-webkit-transform: scale(1);
		transform: scale(1);
	  }
	
	  75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	  }
	
	  100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  75% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

* {
	/*font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";*/
	font-family: "Ubuntu Mono", monospace;
}


a.top-button,
a.top-button:visited {
	z-index: 0;
	background-color: #63ffc9;
	text-decoration: none;
	border-radius: 3px 0 0px 5px;
	margin: 3px; 
	padding: 4px 18px !important;
	color:black;
	font-weight: bold;
	line-height: 14pt;
	font-size: 12pt;
	border-right: 6px solid #de27ff !important;
}

a.top-button:hover {
	background-color: #de27ff !important;
	border-right: 6px solid #8d17a1 !important;
	color: #fff !important;
}

.logo_date {
	background: #000;
	width: 200px;
	margin: -13px auto 20px auto;
    font-size: 16pt;
    font-weight: bold;
    margin-top: -5px;
    padding: 5px;
    border-radius: 5px;
	line-height: 16pt;
	border-top: 2px solid #63ffc9;
	border-left: 2px solid #63ffc9;
	border-bottom: 2px solid #de27ff;
	border-right: 2px solid #de27ff;
	color: #63ffc9;
	text-shadow: 1px 1px #8d17a1;
}

.spc {
	border-top: 1px #63ffc960 dashed !important;
}

.price_info {
    color: #63ffc9;
    padding: 5px 50px;
    margin: 0 auto;
	background-color: #1b2223;/* #63ffc910;*/
	border-radius: 10px;
	border: 2px solid #63ffc960;
	background-image: url("images/box_bar.png"), url("images/box_pass.png");
  	background-repeat: repeat-y, repeat-y;
	background-position: left, right;
	font-size: 16pt;
	box-shadow: 0 0 20px 0px #63ffc950;
  	
}

.about_info {
    color: #ea71ff;
    padding: 15px 50px;
    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
  	
	box-shadow: 0 0 100px 6px #de27ff50;
}

.about_inside_box {
	background-color: #ea71ff;
    color: #000;
    font-size: 16pt;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0px auto 18px auto;
}

.about_inside_box a {
	text-decoration: none !important;
}
.about_inside_box:hover {
	background-color: #de27ff;
    color: #000;
    font-size: 16pt;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 0px auto 18px auto;
}

.price_info b {
    color: #de27ff;
}


.sponsor_info {
    color: #63ffc9;
    padding: 15px 20px;
    margin: 0 auto;
	background-color: #1b2223;/* #63ffc910;*/
	border-radius: 10px;
	border: 2px solid #63ffc960;
	background-image: url("images/box_circle_top_right.png"), url("images/box_circle_bottom_left.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top right, bottom left;
	box-shadow: 0 0 20px 0px #63ffc950;
}

.sponsor_logos img {
	margin:10px;
	border-radius: 10px;
	padding: 0 20px;
	border: 2px solid #63ffc960;
}

.sponsor_logos img:hover {
	border: 2px solid #63ffc9;
}

.sponsor_logos p {
    font-size: 14pt;
    border-bottom: 2px solid #63ffc960;
    padding: 0 50px 20px 50px;
    margin: 20px 50px;
}

.program_info {
	color: #ea71ff;
    padding: 0 25px;
    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;
	box-shadow: 0 0 100px 6px #de27ff50;
  	
}

.program_info h2 {
	margin:20px 0;
}

.workshop_table {
	background-color: #63ffc960;
	border-radius: 10px;
	color: #fff;

}

.conference_table {
	background-color: #de27ff08;
	border-radius: 10px;
}

.conference_table td {
    border: 2px solid #de27ff60;
	background-color: #de27ff10;
    line-height: 16pt;
    border-radius: 10px !important;
    font-size: 12pt;
    padding: 8px 16px;
    vertical-align: middle;
}

.conference_table tr.hl {
	background-color: #de27ff20;
}

.conference_table tr.hlm {
	background-color: #de27ff40;
}

.conference_table tr.bl {
	background-color: #63ffc908;
	color:#63ffc9bb;
}

.conference_table tr.bl td {
    border: 2px solid #63ffc940;
	background-color: #63ffc908;
}


.conference_table h3 {
	background: #ea71ff !important;
    color: #000;
    font-size: 18pt;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 10px auto 0px auto;
    font-weight: bold;
}


.venue_info {
    color: #63ffc9;
    padding: 15px 50px !important;
    margin: 0 auto;
	background-color: #1b2223;/* #63ffc910;*/
	border-radius: 10px;
	border: 2px solid #63ffc960;
	background-image: url("images/box_circle_top_right.png"), url("images/box_circle_bottom_left.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top right, bottom left;
	box-shadow: 0 0 20px 0px #63ffc950;
}

.venue_info h3 {
	background: #63ffc9;
	color:#000;
    border-radius: 5px;
    padding: 6px;
    margin: 20px 0 0 0 !important;
}

.venue_info p {
	padding: 0 30px 10px 30px;
}


.contact_info {
	color: #ea71ff;
    padding: 15px 25px;
    margin: 15px auto;
	background-color: #19131a; /* #de27ff08;*/
	border-radius: 10px;
	border: 2px solid #de27ff60;
	background-image: url("images/box_circle_top.png"), url("images/box_circle_bottom.png");
  	background-repeat: no-repeat, no-repeat;
	background-position: top left, bottom right;

	box-shadow: 0 0 100px 6px #de27ff50;
}


.contact_button {
    background: #ea71ff !important;
    color: #000;
    font-size: 13pt;
    padding: 10px 30px;
    border-radius: 5px;
    margin: 10px auto 0px auto;
    font-weight: bold;
}

.contact_button:hover {
	background-color: #de27ff !important;
}


th {
	padding: 0 16px !important;
}


tr.hl td:nth-child(2) {
	font-weight: bold;
    font-size: 12pt;
    padding: 15px;
}

tr.bl td:nth-child(2) {
    font-size: 12pt;
    padding: 10px 15px;
}

table {
    border-collapse:separate !important;
	border-spacing: 4px 8px !important;
	margin-bottom: 25px;
}



@media screen and (max-width: 650px) {
	a.top-button {
		margin: 3px 0; 
	}
}

body, html {
	background-color: #131313 !important;
	background-image: url("images/web_bcg_grid.png");
  	background-repeat: repeat-x  repeat-y;
	
}