*{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 110%;
}

html{
    background-color: #b3c1d9;
}

.big-image{
    position: absolute;
    left: 50px;
    background-image: url('./big-image .jpg');
    background-image: none;
    background-image: 0% 25%;
    flex: 1;
}

.image{
    border-radius: 0% 0% 0% 30%;
}

.nav-header-text{
    margin: 10px;
    color: rgb(036 041 061);
}

.nav-header-texts{
    width: 100%;
    height: 60px;
    position: absolute;
    display: flex;
    justify-content: space-around;
    text-align: center;
    flex: 1;
}

.link{
    color:black;
}

.link:hover{
    color: white;
}

.like{
    font-size: 150%;
    background-color: rgb(255, 107, 107);
    color: white;
    position: relative;
    right: 40px;
    
}
.like:hover{
    background-color: white;
    color: rgb(255, 107, 107);
}

.product{
    position: absolute;
    top: 550px;
    color: rgb(036 041 061);
    flex: 1;
}

.note{
    margin: 6px;
    color: rgb(036 041 061);
 }

.star{
    color: rgb(036 041 061);
}

.star:hover{
    color: rgb(255 107 107);
}

.product-quality{
    justify-content: space-around;
    display: flex;
}

.stars-quality{
    display: flex;
}

.colors-product{
    margin: 2px;
    display: flex;
}

.color-product{
    margin: 2px;
}

.color:hover{
    color:white;
}

.text-product{
    color: lightgray;
}