:root {
    --bulma-primary-h: 182deg;
    --bulma-primary-s: 67%;
    --bulma-primary-l: 44%;
    --bulma-link-h: 48deg;
    --bulma-link-s: 97%;
    --bulma-link-l: 56%;
    --bulma-info-h: 103deg;
    --bulma-info-s: 58%;
    --bulma-info-l: 61%;
    --bulma-success-h: 48deg;
    --bulma-success-s: 97%;
    --bulma-success-l: 100%;
    --bulma-warning-h: 0deg;
    --bulma-warning-s: 68%;
    --bulma-warning-l: 0%;
    --bulma-danger-h: 22deg;
    --bulma-danger-s: 52%;
    --bulma-danger-l: 57%;
    --bulma-scheme-h: 177;
}


h1 {
    text-align: center;
    font-size: 4rem;
    padding: 5vh 0;
}

h2 {
    font-size: 2rem;
    font-weight: bold;
}

.images_header_section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 9px;
}

#images_review_section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 9px;
}

.images_header_section div.product-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.images_header_section div.product-item h2, .images_header_section div.product-item {
    text-align: center;
}

.images_header_section img {
    width: 25vw;
    height: 400px;
    object-fit: cover;
    gap: 10vw;
    border-radius: 5px;
}

.about_me_section {
    padding: 5vh 0;
    background-color: #BCFDFF;
}

.about_me_section_sub {
    display: flex;
}

.about_me_section div {
    flex: 1;
}

.about_me_section img {
    width: 30vw;
    border-radius: 10px;
}

.about_me_section a {
    border-style: none;
    color: yellow;
}

.is-center {
    padding-top: 7vh;
}

footer a {
    all: unset;
    color: black;
}

/*FORMS*/

form {
    display: flex;
    flex-direction: column;
    gap: 10px;

    min-width: 500px;
}

.form-row-1 {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 5px;
}

.form-row-multiple {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

.out-of-stock {
    width: 100px;
    font-size: 14px;
    padding: 4px;
    position: absolute;
    right: -15px;
    top: 10px;
    text-align: center;
    border-radius: 25px;
    transform: rotate(35deg);
    background-color: red;
    color: white;
}

.reviews_section {
    max-width: 80%;
    margin: auto;
    text-align: center;
}

#no_min_height {
    min-height: 0%;
}

#bigger_text {
    font-size: 1rem;
}

#no_text_decoration {
    text-decoration: none;
    cursor: default;
}