.list-container{background-color:#fff;flex:0 0 100px;height:100vh;padding:10px}.list-container ul{list-style:none;padding:0}.list-container li{background-color:#e3f2fd;border-radius:4px;cursor:pointer;margin:5px 0;padding:8px;transition:background-color .3s ease}.list-container li:hover{background-color:#bbdefb}.details-container{background-color:#fff;flex:0 0 500px;height:100vh;padding:10px}.details-container ul{list-style:none;padding:0}.details-container li{background-color:#e3f2fd;border-radius:4px;cursor:pointer;margin:5px 0;padding:8px;transition:background-color .3s ease}.details-container li:hover{background-color:#bbdefb}.details-container h2{color:#2e3f7d}.details-container button{background-color:#3b7a95;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.container,.list-and-display-container{display:flex}.container{align-items:center;flex-direction:column}.list-and-display-container{display:grid;grid-template-rows:auto auto auto 1fr;height:100vh;place-items:center}img{max-height:200px;max-width:200px}p{margin:10px 0}button{font-size:16px;padding:10px 15px;transition:background-color .3s ease-in-out}button:hover{background-color:#c08a15}.container{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto}.header{align-items:center;display:flex;grid-column:span 2;grid-row:1;grid-template-columns:1fr 1fr;justify-content:space-between;margin-left:10%;padding:5px}.logo{grid-column:1;max-width:250px}.login-signup{align-items:start;display:flex;grid-column:2}.login-signup button{background-color:#2196f3;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:16px;margin-left:10px;padding:10px 15px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.login-signup button:hover{background-color:#1565c0;box-shadow:0 4px 8px #0003}.content{display:grid;grid-column:span 2;grid-row:2;grid-template-columns:1fr 1fr}.text-explanation{font-family:Roboto Mono,sans-serif;grid-column:1;margin-left:25%}.image-container{align-items:center;background-color:rgba(38,38,138,.872);display:flex;grid-column:2;justify-content:center}.main-image{max-height:600px;max-width:800px}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.login-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;width:300px}h2{color:#2196f3;margin-bottom:20px}form{display:flex;flex-direction:column}label{margin-bottom:8px}input{border:1px solid #ccc;border-radius:4px;margin-bottom:16px;padding:10px}button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:12px;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}button:hover{background-color:#1565c0;box-shadow:0 4px 8px #0000001a}
/*# sourceMappingURL=main.4af307d7.css.map*/