#result2 {
    list-style-type: none;
    padding-left:0 ;
}

.list {
    display: none;
}

.inp-all-operations {
    display: flex;
    background-color: white;
    width: 638px;
    font-size: 2rem;
    padding: .5rem;
}

.calculator {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.calk-input {
    width: 100px;
    font-size: 2rem;
    font-weight: 700;
    padding: .5rem;
    background-color: white;
}

.js-calc-select {
    font-size: 2rem;
}

.buttons-group {
    display: flex;
    text-align: center;
   } 

.btn-original {
    border: 4px #1B1B1B;
    padding: 16px 70px;
    display: none;

}

.btn-original.visible {
    display: inline-block;
    margin: -1rem;
 }

.btn-zapisz-wynik {
    border: 4px solid white;
    padding: 16px 70px;

    &:hover {
        background-color: white;
        color: black;
    }
}

.btn-red {
    border: 4px solid red;
    
    &:hover {
        background-color: red;
        color: black;
    }
}

.btn-blue {
    border: 4px solid blue;

    &:hover {
        background-color: blue;
        color: black;
    }
}

.btn-green {
    border: 4px solid green;

    &:hover {
        background-color: green;
        color: black;
    }
} 

.btn-purple {
    border: 4px solid purple;
 
    &:hover {
        background-color: purple;
        color: black;
    }
}

.btn-brown {
    border: 4px solid brown;

    &:hover {
        background-color: brown;
        color: black;
    }
}

.flex-container {
    display: flex;
    align-items: center;
    gap: 20px;
}

 .img-placeholder {
    width: 50%;
    height: 50%;
    object-fit: cover;
}

.textareaAllResults {
    width: 100%;
}

.yelow-title {
   color: yellow;
}

@media (max-width: 567px) {
    div.calculator {
        display: flex;
        flex-direction: column;
        align-items: center;

            .js-calc-select {
                width: 55px;
            }

            .calk-submit {
                width: 100px;
            }
    }
    
    div.buttons-group {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}