*{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    padding: 0px;
    margin: 0px;
}

img{
    width: 70px;
    height: 70px;
    object-fit: contain;
    border-radius: 5px;
}

.icon{
    width: 24px;
    height: 24px;
}

body{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #dddddd;
}

main{
    width: 400px;
    height: 450px;
    background-color: #fff;
    padding: 24px;
    margin-top: 20px;
    border-radius: 10px;
    overflow-y:  scroll;
}

.form-group{
    display: flex;
    align-items: center;
    padding: 6px 4pc;
    gap: 6px;
    
}

input{
    border: none;
    outline: none;
}

.products{
    margin-top: 20px;
}
.product{
    display: flex;
    gap: 20px;
}
.product p{
    font-weight: bold;
}
::-webkit-scrollbar {
    display: none;
}
.test{
    color: hsl(240, 100%, 50%);
}