@import url('https://fonts.googleapis.com/css?family=Roboto');

body {
  font-family: 'Roboto',sans-serif;
  background-image:url('assets/background.jpg') ;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.main {
  display: flex;
  justify-content: space-around;
  margin-top: 5vh;
  flex-direction: column;
}

.shadow {
  background: rgba(0, 0, 0, 0.6);
  background-blend-mode: lighten;
  border-radius: 10px;
  opacity: .85;
  box-shadow: 0px 0px 5px grey;
}

.logo {
  margin: 5vmin;
  max-width: 30vw;
}

.login {
  margin: 5vmin;
  max-width: 30vw;
}

.material-icons {
  display:inline-flex;
  vertical-align:top;
}