body{padding:0;margin:0}.flex-row{display:flex;flex-direction:row;align-items:center;justify-content:center}.flex-column{display:flex;flex-direction:column;align-items:center;justify-content:center}#root{height:100vh}.drawer{width:500px!important}.logo{width:60px;height:60px}.logo-text{font-family:arial;font-size:15px;font-weight:600}.search-input{border:none;border-bottom:1px solid lightgrey;padding:5px 10px;outline:none;margin-right:10px}.icon{font-size:20px;margin-right:10px}.icon:hover{cursor:pointer}.image{width:180px;height:240px}.card{width:200px;height:420px;box-shadow:1px 4px 3px #d3d3d3;border-radius:10px;margin:15px}.card:hover{box-shadow:1px 4px 3px #8b8b8b;transition:all .6s;cursor:pointer}.detail-button{border:none;padding:10px;border-radius:5px;background-color:#515050;color:#fff}.detail-button:hover{cursor:pointer;background-color:#d4a465;transition:all .6s}