@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');  @import url('https://fonts.googleapis.com/css?family=Roboto');  @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');  @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');  body { background-color: #ddd; font-family: 'Roboto';  font-size: 17px; }  .popover { font-family:  'Roboto'; font-size: 17px; box-shadow: 3px 3px 13px #0002 }  code { font-weight: bold; font-size: 18px; background-color: #fff;  color: #a33; padding: 2px 5px; font-family: 'Roboto Mono';}  .disabled code { color: #ccc; }  a { color: #811; }  a:hover { color: #a33; text-decoration: none; }  h1,h2,h3,h4,h5,h6 { color: #811; font-family: 'Roboto Condensed'; font-weight: normal; }  h1 * { font-weight: lighter; }  h1 { font-size: 40px; font-family: 'Oswald'; margin: 0px; color: #fff; }  h2 { font-size: 35px; }  h3 { font-size: 30px; }  h4 { font-size: 27px; }  h5 { font-size: 23px; }  h6 { font-size: 20px; }  hr { border-color: #ccc;  }  small { color: #a55; font-size: 75%;  display: inline-block; line-height: 40%;}  .page-header { background-color: #222; padding: 145px 0px 20px 0px; margin-bottom: 40px;  }  .debug-info {position: fixed; top: 0px; left: 0px; background-color: #000; z-index: 4000; color: #fff; padding: 2px 10px;}  .lead { font-family: 'Roboto'; }  .show a.btn-outline-primary.dropdown-toggle { background-color: #a44; border-color: #811; }  .dropdown-item.active, .dropdown-item:active   { background-color: #a44; }  .dropdown-item.active:hover, .dropdown-item:active:hover { background-color: #822; }  .dropdown-item:hover { background-color: #eee; }  .dropdown-item:hover:active { background-color: #a44; }  .dropdown-menu { box-shadow:  3px 3px 5px #0003; -moz-box-shadow:  3px 3px 5px #0003; -webkit-box-shadow:  3px 3px 5px #0003; }  nav.navbar-dark { background-color: rgba(34,34,34,0.95); box-shadow:  0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow:  0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow:  0px 0px 5px rgba(0,0,0,0.5); }  nav.navbar-dark.fixed-top { border-bottom: 1px solid #000; }  nav.navbar-dark a.nav-link { color: #aaa !important; }  nav.navbar-dark li.nav-item.active a.nav-link { color: #fff !important; }  a.navbar-brand img { margin-right: 9px; height: 40px; width: 40px;}  a.navbar-brand div { vertical-align: -1px; }  a.navbar-brand {color: #aaa !important;}  input:not(.form-control-plaintext) { box-shadow:  inset 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:  inset 0px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:  inset 0px 1px 1px rgba(0,0,0,0.1); }  .form-control:focus { box-shadow:  inset 0px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:  inset 0px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:  inset 0px 1px 1px rgba(0,0,0,0.1); outline: -webkit-focus-ring-color auto 0px; border-color: #822 !important;}  .btn:focus, .btn:active, .btn:hover { outline: -webkit-focus-ring-color auto 0px; box-shadow:  none !important; -moz-box-shadow:  none !important; -webkit-box-shadow:  none !important; }  p.form-text { color: #aaa; }  label { color: #555; }  input[type="text"]::placeholder, input[type="password"]::placeholder { color: #999; }  .btn-secondary { background-color: #d50; border-color: #e70; }  .btn-primary { background-color: #811; border-color: #622; }  .btn-primary:hover { background-color: #b44; border-color: #911; color: #fff !important; }  .btn-primary:active { background-color: #911 !important;  border-color: #700 !important;}  .btn-outline-primary { border-color: #744; color: #744; }  .btn-outline-primary:hover {  background-color: #ccc; border-color: #744; color: #a11;}  .btn-outline-primary:active { background: none !important; color: #511 !important; border-color: #511 !important;}  .text-primary { color: #744 !important; }  .product-bracket {  background-color: #fff; border-radius: 4px; }  .product-card { box-shadow:  3px 3px 10px #0004; -moz-box-shadow:  3px 3px 10px #0004; -webkit-box-shadow:  3px 3px 10px #0004; border: none; }  .product-card .card-body { height: 100px; position: relative; overflow: hidden; }  .product-card img { position: absolute; height: 90%; width: auto; top: 5%; right: 5%; filter: drop-shadow(2px 2px 2px #0005);}  .bundle-box {padding: 19px 10px 10px 10px;  box-shadow:  3px 3px 10px #0004; -moz-box-shadow:  3px 3px 10px #0004; -webkit-box-shadow:  3px 3px 10px #0004;}  .bundle-box .product-card { box-shadow:  none; -moz-box-shadow:  none; -webkit-box-shadow:  none; border: 1px solid #ddd;}  .coupon-card { box-shadow:  3px 3px 10px #0004; -moz-box-shadow:  3px 3px 10px #0004; -webkit-box-shadow:  3px 3px 10px #0004; border: none; }  .coupon-card .card-body { height: 130px; background-color: #000; border-radius: 4px 4px 0px 0px; }  .coupon-card img { position: absolute; height: 90%; right: 5%; top: 5%;filter: drop-shadow(2px 2px 2px #0005); }  .coupon-card .coupon-voucher { width: 150px; position: absolute; left: 5%; top: 10%; text-align: center; }  .coupon-card .coupon-voucher-big { font-size: 28px;   width: 140px; border-radius: 4px;  text-align: center; font-family: 'Roboto Condensed'; font-weight: 500;  line-height: 100%;  padding: 5px 0px;  margin: 9px 0px 7px 0px; color: #fff;  border: 1px solid #ccc;  background-color: #a00;   display: inline-block;  }                           .coupon-card h5 { color: #fee; }     .coupon-card .text-muted { color: #f66 !important; }  .coupon-card .coupon-layer {   position: absolute; height: 100%; width: 100%; top: 0%; left: 0%; background-color: #fffa;  border-radius: 4px 4px 0px 0px; color: #000; display: none; padding: 5%; font-size: 15px; backdrop-filter: blur(8px);  }  .coupon-card .coupon-layer h5 { color: #000; }  .coupon-card > div code { height: 29px; color: #822; padding: 0px 5px 0px 10px ;}