@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;
}

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

.left {
  width: 10vw;
  height: 100%;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.right{
  width: 35vw;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.logo {
  margin: 5%;
  max-width: 10vw;
}

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

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