.results {
    display: flex;
    justify-content: space-between;
}
.results p {
    margin-bottom: 0;
}
.results p span {
    font-weight: 700;
}

.input-main-div {
    display: flex;
    gap: 20px;
    margin-bottom: 10px;
}

button.cal-button {
    margin: 20px 0;
}

canvas#capmChart {
    max-height: 280px;
    max-width: 1712px;
    height: 280px;
    width: 824px;
}

@media(max-width:450px){
    .input-main-div{
        flex-direction:column;
        gap:10px;
    }
}

@media(max-width:520px){
.results {
    flex-direction: column;
    gap: 15px;
}
    }