*{margin:0;padding:0;box-sizing:border-box}body,#root{min-height:100vh}#homepage{display:flex;justify-content:flex-end;align-items:center;width:100%;padding:30px;background-image:url(/assets/background-BCz0L2Er.jpg);background-size:cover}.description{max-width:500px;margin-top:30px;font-family:Times New Roman,Times,serif}.hero{height:300px;display:flex;flex-direction:column;justify-content:space-between}.hero h1{font-size:50px}.hero>div:nth-child(1)>h2:nth-child(2){color:#e7c492}.hero button{margin-top:30px;border-radius:4px;background-color:#c43048;border:none;color:#fff;text-align:center;font-size:22px;padding:16px;width:220px;transition:all .5s;cursor:pointer;box-shadow:0 10px 20px -8px #000000b3}.hero button{cursor:pointer;display:inline-block;position:relative;transition:.5s}.hero button:after{content:"»";position:absolute;opacity:0;top:14px;right:-20px;transition:.5s}.hero button:hover{padding-right:24px;padding-left:8px}.hero button:hover:after{opacity:1;right:10px}@media only screen and (max-width: 900px){#homepage{justify-content:center}#homepage:before{content:"";position:absolute;inset:0;background:#000000e6}.hero{z-index:1}}#productList{padding:20px;display:flex;max-width:100%;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;color:#000;overflow:scroll}.card{width:500px;height:170px;padding:10px;gap:10px;display:flex;background-color:#ececec;color:#000}.card img{min-width:150px;max-width:150px;height:150px;padding:10px;background-color:#fff}.loading{color:#000}.productInfo{display:flex;flex-direction:column;justify-content:space-between;flex:1}.productInfo button{color:#ececec;background-color:#000;border:none;border-radius:10px;padding:10px;font-size:15px;width:100%;white-space:pre}.productInfo button:hover{cursor:pointer;color:#fff}#app{display:flex;flex-direction:column;min-height:100vh}#body{color:#e0e0e0;flex:1;display:flex;justify-content:flex-end}#header{display:flex;justify-content:space-between;align-items:center;background-color:#030303;padding:30px;z-index:1}#header img{width:100px}#headerLinks{display:flex;justify-content:center;align-items:center;gap:10px}#headerLinks a{text-decoration:none;color:#fff;position:relative}#headerLinks a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:#fff;transition:width .3s ease}#headerLinks a:hover:after{width:100%}#headerLinks button{padding:10px;font-size:15px;border-radius:3px;border:none}#transaction{position:fixed;height:500px;width:350px;z-index:2;background-color:#fff;padding:20px;top:50%;left:50%;box-shadow:#0b0b0c33 0 7px 29px;transform:translate(-50%,-50%);display:flex;font-size:15px;flex-direction:column;justify-content:space-between;align-items:center;gap:10px}#transaction div{color:#84878b;overflow:scroll;padding:10px}#transaction div p{margin-bottom:5px}#transaction button{width:50%;padding:10px;border:none;border-radius:5px;color:#fff;background-color:#3e9a59;white-space:pre}#transaction button:hover{cursor:pointer;background-color:green}#transaction .header{display:flex;align-items:center;width:100%;overflow:hidden}#transaction .header p{flex:3;text-align:center}#transaction .header button{width:3px;height:50px;display:flex;justify-content:center;align-items:center;text-align:center;color:#000;background-color:transparent}#transaction .header button:hover{color:red}.companyName a{text-decoration:none;color:#fff;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}button:hover{cursor:pointer}