/* **************
Created using a tutorial from Redstapler
************** */

body {
  width: 100vw;
  height: 100vh;
  margin: 0;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

canvas {
  position: absolute;
  top:0;
  left:0;
  z-index:-99;
}

.login-div {
  max-width: 350px;
  padding: 35px;
  border-radius: 15px;
  color:white;
  background: rgba(8,8,8,0.7);
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.5);
}

.logo {
  background: #000 url("images/logo.png") center no-repeat;
  background-size: 50px 50px;
  width:100px;
  height:100px;
  border-radius: 50%;
  margin:0 auto;
}

.row {
  margin-bottom: 5px;
}

.input-field {
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}