#background{place-items:center;height:100vh;display:grid}body{background-color:#258834}#border{background-color:#258834;border-radius:10px;place-items:center;width:70%;height:35rem;display:grid}#lettuce-logo{height:16rem;padding-top:3.5rem;padding-bottom:2.5rem}#login-button{color:#3a3036;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background-color:#fff;border:none;border-radius:6px;padding:12px 32px;font-family:Inter,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}#login-button:hover{background-color:#f8f9fa;transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}#login-button:active{transform:translateY(1px);box-shadow:0 2px 4px #0000001a}#login-form-div{margin-top:-8rem}@media (width<=390px){#border{width:70%;height:24rem}#lettuce-logo{height:150px}}@media (width>=390px) and (width<=420px){#border{width:70%}#lettuce-logo{height:150px}}@media (width>=420px) and (width<=450px){#border{width:80%}#lettuce-logo{height:150px}}@media (width>=450px) and (width<=480px){#border{width:80%}#lettuce-logo{height:150px}}@media (width>=480px) and (width<=500px){#border{width:80%}#lettuce-logo{height:150px}}@media (width>=500px) and (width<=530px){#border{width:80%}#lettuce-logo{height:12rem}}@media (width>=530px) and (width<=560px){#border{width:80%}}