$black:#1e1b1c;
$grey:#CCCCCC;
$white:#FFFFFF;


body{ margin:0; font:normal 75% Arial, Helvetica, sans-serif;
	
}

canvas{ 
	display: block; 
	vertical-align: bottom; 
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
	-webkit-transition: opacity .8s ease, -webkit-transform 1.4s ease;
    transition: opacity .8s ease, transform 1.4s ease
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

#particles-js{ 
	position:fixed;
	width: 100%;
	height: 100%;
	z-index: -10;
	top: 0;
	left: 0;
	background-color: #1e1b1c;
	background-size: cover;
	opactiy:0.75;
	background-position: 50% 50%; 
}

.canvasBackground {
	background-image:url(../images/moon.jpg);
}


.title {
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align:center;
	color: #FFF;
}

h1 {
	font-size:70px;
}
h2 {
	font-size:25px;
}

.bottomRightCorner {
  position: fixed;
  bottom: 2px;
  right: 5px; 
}

.bottomLeftCorner {
  position: fixed;
  bottom: 5px;
  left: 5px; 
}

.contactButton {
  position:static;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 10px 5px;
  cursor: pointer;
  margin: 5px;
  font-weight:bold;
  transition: all 0.75s;
}

.contactButton:hover {
	transform:translateY(-5px)
}

.contactButton:focus {
	outline: none;
	border:0px;
}


.grecaptcha-badge { 
    visibility: hidden;
}

.switch {
	position:relative;
	display:inline-block;
	width:30px;
	height: 17px;
	top:4px;
	margin-right:10px;
	margin-left:5px;
}

.switch input {
	opacity: 0;
	width: 0:
	height: 0;
}

.slider {
	position:absolute;
	cursor: pointer;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	background-color:#FFF;
	-webkit-transition:.4s;
	transition: .4s;
}


.slider:before {
	position:absolute;
	content: "";
	height: 11px;
	width: 11px;
	bottom: 3px;
	left:4px;
	background-color:#1e1b1c;
	-webkit-transition:.4s;
	transition: .4s;
}

input:checked + .slider
{
 background-color: #FFF;
}

input:checked + .slider:before
{
 -webkit-transform:translateX(10px);
 -ms-transform:transform(10px);
 transform: translateX(10px);
 background-color:#006994;
}

.slider.round
{
 border-radius: 34px;  
}

.slider.round:before
{
 border-radius: 50%;
}