h1 {    
    color:darkslateblue;
    text-align: center;
}

.logo {
    display:flex;
    justify-content: center;
    align-items: center;
    height: 30;

/*
    position: absolute;
    top: 75px;
    left: 50%;*/
}

/*
.grass-background{
    position:absolute;
    top: 400px;
}*/

.login {
    position: absolute;
    top: 500px;
    left: 700px;
}

.signup {
    position: absolute;
    top: 550px;
    left: 700px;
}

body {
    background-image: url("../images/nature-background.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: top;
    
    /*background-image: url("../images/grass-removebg-preview.png");
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-color:rgb(168, 209, 246);*/
    font-family: 'Gorditas';
	font-size: 22px;
  }

  .container {
    position: relative;
    max-width: 100%;
    height: auto;
  }