stylesheet.css

body {
    background-image: url("./Task-manager-background.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.total-bg {
    margin-top: 20px;
}
   
.form-group span {
    font-weight: bold;
    font-size: large;
}

.form-style {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    background-color: cornsilk;
    margin-top: 20px;
    border-radius: 13px;
    max-width: 500px;
    margin-left: 0;
    margin-right: 0;
}

.task-style {
    background-color: #84A9C0;
    border-radius: 30px;
}

.btn-background {
    background-color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.btn-background-1 {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;

}

.task-bg {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.task-box {
    margin-top: 60px;
    max-width: 500px;
    margin-left: 5%;
    margin-right: 5%;
}

@media only screen and (max-width: 450px) {
    body {
        padding-left: 3%;
        padding-right: 3%;
    }
}