canvas#chart {
    display: block;
    max-height: 280px;
    max-width: 1712px;
    box-sizing: border-box;
    height: 280px;
    width: 824px;
}


.input-main-div {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}
@media(max-width:415px){
    .input-main-div {
    flex-direction:column;
        gap: 10px;
}

}
.in-result {
    display: flex;
    gap: 10px;
}

p#result {
    display: flex;
    justify-content: space-between;
}

@media(max-width:600px){
    p#result{
        flex-direction:column;
    }
}