.main-container{display:flex;flex-direction:row;justify-content:space-evenly;height:100vh;padding:20px;box-sizing:border-box}.left-part,.right-part{flex:1;background:#f9f9f9;border-radius:10px;padding:20px}.right-part{overflow-y:auto}.form{height:300px;width:300px;padding:10px;border:1px solid black}.form input{margin-bottom:10px;padding:10px;width:250px;border-radius:5px;border:1px solid #ddd;font-size:14px}.btn{display:block;background-color:#00f;border:none;border-radius:5px;color:#f0f8ff;margin-top:20px;width:120px;padding:10px;cursor:pointer}.btn:hover{background-color:#3b8dd6}.book{background:#fff;padding:15px;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.book h3{margin:0 0 5px}.book p{margin:0;font-size:14px;color:#555}.card{display:flex;flex-direction:row}.icons{cursor:pointer;margin-right:10px;font-size:20px;color:#ff4d4d;transition:color .2s}.icons:hover{color:#d93636}@media (max-width: 768px){.main-container{flex-direction:column}}