body{
    background-image: url("https://img.freepik.com/free-vector/yellow-black-wavy-halftone-background-vector_53876-67540.jpg?semt=ais_hybrid&w=740&q=80");
    background-size: cover;
}
.main1{
    background-color: black;
    width: 700px;
    height: 250px;
    margin: auto;
    border-radius: 20px;
}
main{
    text-align: center;
}
.btn-dark{
    width: 100px;
    height: 50px;
    margin-left: 1250px;
}
header{
    display: flex;
    justify-content: center;
    align-items: center;
}
#budgtInput{
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand-discount{
    font-size: 20px;
    height: 40px;
}
.boxes-container{
    display:flex;
    justify-content:center;
    align-items:flex-start;
    gap:30px;
    margin-top:20px;
}
.buttoner{
    height:250px;
    border-radius:20px;
    border:2px solid black;
    padding:20px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.buttoner2{
    height:250px;
    border-radius:20px;
    border:2px solid black;
    padding:20px;
    display:flex;
    flex: column;
    justify-content:center;
    align-items:center;
}
.hidden{
    display:none;
}