.stocks{
    padding: 10px;
}
.stock{
    padding: 24px;
    border: 1px solid var(--grey-color);
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    white-space: normal;
    border-radius: 5px;
}
.stocks-title{
    font-size: 40px;
    font-weight: 600;
}
.stock-items{
    gap: 14px;
    color: var(--);
}
.stocks-empty{
    border-radius: 10px;
    padding: 24px;
    background: #FCF8E3;
    color: #C09853;
}

@media (max-width: 430px){
    .stocks{
        gap: 20px;
    }
    .stock{
        padding: 12px;
    }
    .stocks-items{
        gap: 12px;
        flex-direction: column;
    }
    .stocks h2{
        font-size: 20px;
    }
}