@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    background-image: url(images/bg1425-2.jpg);
    background-size: cover;
    background-position: top;
    background-color: #111;
    background-repeat: no-repeat;
    font-family: "Bebas Neue", sans-serif;
    /* Use Bebas Neue font */
    color: white;
}

.qr-code {
    width: 100px;
    /* Adjust the size as needed */
    height: auto;
    margin-right: 50px;
    /* Add space between QR codes */
    background-color: white;
    /* White background */
    padding: 10px;
    /* Padding around the QR code */
    border-radius: 5px;
    /* Optional: rounded corners */
}

a img {
    border-radius: 5px;
    /* Optional: rounded corners */
}

a:hover img {
    font-style: italic;
    /* Make the shop button italic on hover */
}

.shop-link {
    background-color: rgba(5, 5, 5, 0.7);
    /* 10% transparent background */
    color: white;
    /* Text color */
    padding: 10px 70px;
    /* Padding for the button */
    text-decoration: none;
    /* Remove underline */
    border-radius: 10px;
    /* Rounded corners */
    font-size: 100px;
    /* Update font size to 100 */
    display: inline-block;
    /* Make it behave like a button */
}

.shop-link:hover {
    font-style: italic;
    /* Italic on hover */
}

footer {
    margin-top: auto;
    /* Push footer to the bottom */
    text-align: center;
    /* Center the footer content */
}

.tariff-link:hover {
    font-style: italic;
    /* Make the link italic on hover */
}



.bodyText2 {
    font-family: "Open Sans", sans-serif;
    font-size: 25px;
}