.yellow{
    color: #c6fc03;
}
.btn-blue{
    background: #4fb1e4;
    color: #22315c;
    font-weight: bolder;
}
canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../img/login-bg.jpg');
    background-size: cover;
}

.login-box {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    color: #fff;
    max-width: 90%;
    padding: 2em 3em;
    font-weight: bolder;
    background: rgba(0, 0, 0, 0.4);
    text-shadow: 0px 0px 2px #4fb1e4;
    font-family: 'Open Sans', sans-serif;
}

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

a,
a:visited {
    color: #4fb1e4;
    transition: 0.25s;
}

a:hover,
a:focus {
    color: #c6fc03;
}