body {
    background-image: url('../assets/background.png');
    background-repeat: no-repeat;
    background-color: #64b3c0;
    background-attachment: fixed;
    background-position: center;
}

hr {
    width: 500px;
    color: white;
}

.headtitle {
    flex: box;
    float: center;
    height: 100px;
    background-color: rgba(255, 255, 255, 0.452);
    background-blend-mode: hard-light;
    border: 3px solid rgba(255, 255, 255, 0);
    border-width: 50px;
    word-wrap: keep-all;
    line-height: 20px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.infobox {
    height: 560px;
    background-color: rgba(255, 255, 255, 0.13);
    background-blend-mode: hard-light;
    border: 3px solid rgba(255, 255, 255, 0);
    border-width: 10px;
    word-wrap: keep-all;
    line-height: 80%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.linkimage {
    position: relative; 
    width: 100px; 
    height: 100px;
    transition: 0.2s;
}

.linkimage:hover {
    width: 110px; 
    height: 110px;
}

.logo {
    position: relative; 
    width: 50px; 
    height: 50px;
    left: 50%;
    right: 50%;
}

.productimage {
    position: relative; 
    width: 200px; 
    height: 100px;
    transition: 0.2s;
}

.bigtitle {
    text-align: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: white;   
    font-size: 20px;
}

.smalltitle {
    line-height: 80%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: rgb(231, 231, 231);   
    text-decoration: wavy;
}

.producty {
    position: relative;
    width: 220px;
    height: 100px;
    background-color: rgba(176, 246, 248, 0.24);
    border: 1px solid rgb(255, 255, 255);
    color: rgba(25, 0, 94, 0.342);
    transition: 0.2s;
}

.producty:hover {
    border: 1px solid rgba(1, 65, 28, 0.459);
    background-color: rgba(91, 250, 152, 0.452);
    color: rgb(7, 90, 62);
}

.productm {
    position: relative;
    width: 220px;
    height: 100px;
    background-color: rgba(176, 246, 248, 0.24);
    border: 1px solid rgb(255, 255, 255);
    color: rgba(25, 0, 94, 0.342);
    transition: 0.2s;
}

.productm:hover {
    border: 1px solid rgba(1, 65, 28, 0.459);
    background-color: rgba(204, 1, 1, 0.589);
    color: rgb(90, 7, 7);
}