@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;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
  /* margin: 5vw; */
}

.white {
  background: rgba(255, 255, 255, 0.6);
  background-blend-mode: screen;
  border-radius: 15px;
  padding: 15px;
  opacity: .85;
  box-shadow: 0px 0px 5px grey;
}

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

.logo {
  margin: 5vw;
  width: 20vw;
  max-width: 35vw;
  display: flex;
  flex-direction: column;
  /* align-self: flex-end; */
  /* justify-content: flex-end; */
  /* height: auto; */
}

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

.validate {
  color: #fefefe;
}