@import "compass/css3";
body 
{
	margin:0;
	padding:0;
    height: 100vh;
}
#particles-js 
{
    height: 100%;
    background:#000000;
}
.text{
	position: absolute;
	top: 20%;
	right: 50%;
	transform: translate(50%,-50%);
	color: #ffffff;
	max-width: 90%;
	padding: 2em 5em;
	background: #0C0032;
	text-shadow: 0px 0px 2px #131415;
	font-family: Orbitron, sans-serif;
	height: 140px;
	width: 50%;
}
h1{
	text-align:center;
	font-size: 250%;
	letter-spacing: 15px;
	text-shadow: red -4px 0,#0BFFFF 4px 0;
	display:table;
    width:100%;
}
.span, .prayatna {
    vertical-align:middle;
    display:table-cell;
}
/*h1 {
    display:table;
    width:100%;
}*/
/*table, th, td {
  border: 1px solid black;
}*/
.user_login_button{
	position: absolute;
	top: 120%;
	right: 90%;
	transform: translate(50%,-50%);
	color: #ffffff;
	max-width: 90%;
	padding: 2em 5em;
	background: #3500D3;
	text-shadow: 0px 0px 2px #131415;
	font-family: Orbitron, sans-serif;
	height:50px;
	width:50px;
}
.admin_login_button{
	position: absolute;
	top: 120%;
	right: 50%;
	transform: translate(50%,-50%);
	color: #ffffff;
	max-width: 90%;
	padding: 2em 5em;
	background: #3500D3;
	text-shadow: 0px 0px 2px #131415;
	font-family: Orbitron, sans-serif;
}
.coord_login_button{
	position: absolute;
	top: 120%;
	right: 10%;
	transform: translate(50%,-50%);
	color: #ffffff;
	max-width: 90%;
	padding: 2em 5em;
	background: #3500D3;
	text-shadow: 0px 0px 2px #131415;
	font-family: Orbitron, sans-serif;
}
.prayatna_logo{
	font-size:100%;
	position: absolute;
	top: 20%;
	right: 85%;
	transform: translate(50%,-50%);
	color: #ffffff;
	max-width: 90%;
	padding: 1em 3em;
	background: #151515;
	height:0;
	width:10%;
	padding-bottom:15%;
	font-family: Orbitron, sans-serif;
}
#event_logo{
	font-size: 150%;
	letter-spacing: 10px;
	color:#FCF7F4;
}
table, th, td {
  border: none;
  border-collapse: collapse;
  background-color:#190061;
}
th, td {
  background-color: #0C0032;
}
.user_img{
 position: absolute;
 width: 50px;
 height: 50px;
 float: left;
 margin-right: 10px;
 top: 250%;
 right: 95%;
 transform: translate(50%,-50%);
}

/* Child Text Container */.user_img div{
 position: absolute;
 bottom: 0;
 right: 0;
 background: none;
 color: #ffffff;
 margin-bottom: 5px;
 font-family: Orbitron, sans-serif;;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: visibility 0s, opacity 0.5s linear; 
 transition: visibility 0s, opacity 0.5s linear;
}

/* Hover on Parent Container */.user_img:hover{
 cursor: pointer;
}

.user_img:hover div{
 width: 150px;
 padding: 5px 5px;
 visibility: visible;
 opacity: 0.7; 
}
.admin_img{
 position: absolute;
 width: 50px;
 height: 50px;
 float: left;
 margin-right: 10px;
 top: 250%;
 right: 53%;
 transform: translate(50%,-50%);
}

/* Child Text Container */.admin_img div{
 position: absolute;
 bottom: 0;
 right: 0;
 background: none;
 color: #ffffff;
 margin-bottom: 5px;
 font-family: Orbitron, sans-serif;;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: visibility 0s, opacity 0.5s linear; 
 transition: visibility 0s, opacity 0.5s linear;
}

/* Hover on Parent Container */.admin_img:hover{
 cursor: pointer;
}

.admin_img:hover div{
 width: 150px;
 padding: 5px 5px;
 visibility: visible;
 opacity: 0.7; 
}
.coord_img{
 position: absolute;
 width: 50px;
 height: 50px;
 float: left;
 margin-right: 10px;
 top: 250%;
right: 10%;
transform: translate(50%,-50%);
}

/* Child Text Container */.coord_img div{
 position: absolute;
 bottom: 0;
 right: 0;
 background: none;
 color: #ffffff;
 margin-bottom: 5px;
 font-family: Orbitron, sans-serif;;
 opacity: 0;
 visibility: hidden;
 -webkit-transition: visibility 0s, opacity 0.5s linear; 
 transition: visibility 0s, opacity 0.5s linear;
}

/* Hover on Parent Container */.coord_img:hover{
 cursor: pointer;
}

.coord_img:hover div{
 width: 150px;
 padding: 5px 5px;
 visibility: visible;
 opacity: 0.7; 
}
.event_video{
position: absolute;
	top: 110%;
	right: 25%;
}