@font-face {
  font-family: SourceSansPro;
  src: url(../fonts/SourceSansPro-Regular.ttf);
}
@font-face {
  font-family: Rubik;
  src: url(../fonts/Rubik-Regular.ttf);
}

* {
  font-family: SourceSansPro;
  color: #555;
}

body {
  background-color: snow;
    width: 100vw;
    height: 100vh;
    display: flex;
}

h1 {
  font-family: Rubik;
  color: #D8D9DB;

}

form {
    width: 25%;
    border: 1px solid gray;
    background-color: wheat;
    margin: auto;
}

.login-row {
    display: flex;
    justify-content: space-between;
    margin: 1rem 5rem;
}

input[type=email], input[type=password] {
    margin-left: 1rem;
    width: 100%;
    max-width: 200px;
}

.login-buttons {
    justify-content: flex-end;
}