@import url('https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

body {
    max-width: 960px;
    margin: auto;
    font-family: Lato;
}

.tagline,
.product-title {
    font-family: Amaranth;
}

.tagline {
    font-size: x-large;
    margin: 20px;
}

.product-title {
    font-size: large;
    margin-bottom: 6px;
}

.productlist {
    display: flex;
    flex-wrap: wrap;
}

.superhive-product {
    flex-basis: 40%;
    flex-grow: 0;
    margin: 20px;
}

img {
    width: 100%;
}

.price-tag {
    margin: 6px 0;
}

.oldprice {
    text-decoration: line-through;
    margin-right: 1em;
}

.currentprice {
    font-weight: bold;
}

span.sale {
    display: inline-block;
    position: relative;
    transform: rotate(-35deg);
    top: -15px;
    left: -60px;
    background-color: #ff0000;
    color: white;
    padding: 0 2px;
    border-radius: 5px;
    font-family: sans-serif;
    font-weight: bold;
    border: white 1px solid;
}

.product-link {
    margin-top: 6px;
}

.disclaimer {
    font-size: x-small;
    margin-left: 30px;
}