canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #21618C;
  /*background-image: linear-gradient(to right, #1ca79f, #479568);*/
/*  background-image: url('assets/img/homepage-banner1.jpg');*/
/*background-size: cover;*/
/*background-position: center;*/
/*background-repeat: no-repeat;*/
    
}

.text {
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  color: #fff;
  width:50%;
  max-width: 90%;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 2px #131415;
  font-family: "Open Sans", sans-serif;
}

h1 {
  font-size: 2.25em;
  font-weight: 700;
  letter-spacing: -1px;
}

a,
a:visited {
  color: #e34234;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

a:hover,
a:focus {
  color: #ba160c;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
  padding-top:50px;
  height: 300px; /* Should be removed. Only for demonstration */
}

.left {
  width: 45%;
}

.right {
  width: 55%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

#logo{
    
    width:300px;
    height:auto;
    
}

.login{
    margin-top:20px;
    width:300px;
    margin:50px auto;
    font:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    border-radius:10px;
    border:2px solid #ccc;
    padding:10px 40px 25px;
    margin-top:70px;	
}

input[type=text], input[type=password]{
    width:80%;
    padding:10px;
    margin-top:15px;
    border:1px solid #ccc;
    padding-left:5px;
    font-size:16px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;	
}

input[type=submit]{
    width:50%;
    background-color:#2196F3;
    color:#fff;
    border:2px solid #2196F3;
    padding:10px;
    font-size:20px;
    cursor:pointer;
    border-radius:5px;
    margin-bottom:15px;
}

input[type=submit]:hover{
    width:50%;
    background-color:#0071CB;
    color:#fff;
    border:2px solid #0071CB;
}

#welcome{
    font-family: 'Open Sans', sans-serif;
    font-weight:900;
    font-size:15px;
    
}

.loginbtn{
    width:50%;
    background-color:#2196F3;
    color:#fff;
    border:2px solid #2196F3;
    padding:10px;
    font-size:20px;
    cursor:pointer;
    border-radius:5px;
    margin-bottom:15px;
}

#welcome2{
    font-size: 22px;
    font-weight: 800;
}