/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 22, 2020, 08:20:14 PM
    Author     : Unnikrishnan
*/
body
{
	background-color: #5c0934;
	font-family: sans-serif;
}
#particles-js
{
	height: 100vh;
	background-size: cover;
	background-position: center;
}
.content
{
	position: absolute;
	color: #ffffff;
	pointer-events: none;
	top: 30%;
    left: 50%;
    text-align: center;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}
.headline
{
	font-size: 50px;
	margin-top: 10%;
	opacity: 0.8;
}
.contact
{
	position: absolute;
	padding-top: 10px;
	width: 99%;
	align-items: right;
	font-size: 12px;
	color: #ffffff;
	pointer-events: none;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}
.contact_left
{
	position: absolute;
	padding-top: 10px;
	width: 99%;
	align-items: left;
	font-size: 12px;
	color: #ffffff;
	pointer-events: none;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}
.contact-content
{
	pointer-events: all;
	-webkit-user-select: all; /* Chrome/Safari */        
	-moz-user-select: all; /* Firefox */
	-ms-user-select: all; /* IE10+ */
	-o-user-select: all;
	user-select: all;
}
.con-tab
{
	margin-left: 70%;
	width: 30%;
	opacity: 0.8;
}

.con-tab-left
{
	margin-left: 1%;
	width: 30%;
	opacity: 0.8;
}
.link-div
{
	position: absolute;
	color: #ffffff;
	pointer-events: none;
	top: 70%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	-o-user-select: none;
	user-select: none;
}
.linkbutton
{
	pointer-events: all;
	background-color: #4CAF50; /* Green */
  	border: none;
 	color: white;
  	padding: 16px 32px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 16px;
  	font-weight: 600;
  	margin: 4px 2px;
  	transition-duration: 0.4s;
  	cursor: pointer;
  	border-radius: 1px;
  	margin: 80px;
}
.link-button
{
	background:transparent;
    color: white; 
    opacity: 0.8;
    border: 2px solid white;
    -webkit-user-select: all; /* Chrome/Safari */        
	-moz-user-select: all; /* Firefox */
	-ms-user-select: all; /* IE10+ */
	-o-user-select: all;
	user-select: all;
}
.link-button:hover 
{
  background-color: #ffffff;
  color: #5c0934;
  opacity: 0.8;
}
.head-image
{
	width: 20%;
	height: 5%;
}
@media only screen and (max-width: 768px) {
	.content
	{
		width: 100%;
		text-align: center;
		top: 25%;
    	left: 0%;
    	margin-right: -30%;
    	transform: translate(0%, -50%);
	}
	.contact
	{
		padding-top: 5px;
	}
	.con-tab
	{
		margin-left: 0%;
		width: 100%;
	}
	.link-div
	{
		text-align: center;
		
	}
	.linkbutton
	{
	  	border-radius: 1px;
	  	width: 85%;
	  	margin: 0px;
	}
	.link-button
	{
		margin-bottom: 15px;
	}
	.head-image
    {
        width: 70%;
        height: 30%;
    }
	
}