#image-top{height:200px}#btn-trash{margin-top:-70px;margin-left:180px}html{scroll-behavior:smooth}.wrapper{display:flex;flex-wrap:wrap;justify-content:center}#navbar-top{top:0;z-index:10}#carouselExampleControls,#navbar-top{position:-webkit-sticky;position:sticky}#carouselExampleControls{top:-560px;z-index:9}#btn-cart{position:fixed;bottom:30px;right:30px;z-index:10}#btn-cart:hover{color:grey}#cart-box{width:50vh;height:70vh;background-color:#fff;border-radius:20px;position:fixed;bottom:60px;right:60px;z-index:9;box-shadow:10px 10px 5px -4px rgba(0,0,0,.17);padding:20px}#cart-body{height:300px;width:300px;overflow:auto}.btn-heart{margin-left:50px;color:#0278ae}.btn-heart:hover{color:#db7093}.btn-heart:active{color:red}#footer{background-color:#0278ae;padding:50px}#navbar-top{background:#0278ae;background:linear-gradient(0deg,#0278ae,rgba(2,120,174,.7343312324929971) 59%,rgba(0,212,255,0))}#transaction-box{background-color:#fff;position:fixed;bottom:60px;left:-20px;width:50vh;height:70vh;z-index:9;box-shadow:10px 10px 5px -4px rgba(0,0,0,.17);padding:20px 20px 20px 40px;border-radius:20px}.transaction-box{height:350px;width:260px;overflow:auto}.bg-video{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background-color:#00f;opacity:.5}.bg-video-content{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}#login-page{width:100vw;height:100vh}#login-page,.center{display:flex;justify-content:center;align-items:center}.center{flex-direction:column;text-align:center}.img-logo{width:40vh}.welcome{color:#fff;text-shadow:2px 5px 10px #000;margin-bottom:20px}.register-btn{position:fixed;bottom:5px;left:30px}.register-box{position:fixed;bottom:150px;left:-10px;background-color:#fff;width:50vh;height:45vh;border-radius:15px;box-shadow:10px 10px 5px -4px rgba(0,0,0,.17);padding:45px}