#background{display:grid;place-items:center;height:100vh}#border{background-color:#258834;border-radius:10px;height:35rem;width:70%;display:grid;place-items:center}#lettuce-logo{padding-top:3.5rem;height:15rem;padding-bottom:2.5rem}#login-button{font-size:x-large;padding:10px;border-radius:10px}#login-form-div{margin-top:-8rem}@media (max-width:390px){#border{width:70%;height:24rem}#lettuce-logo{height:150px}}@media (min-width: 390px) and (max-width:420px){#border{width:70%}#lettuce-logo{height:150px}}@media (min-width:420px) and (max-width:450px){#border{width:80%}#lettuce-logo{height:150px}}@media (min-width: 450px) and (max-width:480px){#border{width:80%}#lettuce-logo{height:150px}}@media (min-width:480px) and (max-width:500px){#border{width:80%}#lettuce-logo{height:150px}}@media (min-width: 500px) and (max-width: 530px){#border{width:80%}#lettuce-logo{height:12rem}}@media (min-width:530px) and (max-width:560px){#border{width:80%}}