style.css

html, body {
    margin: 0;
    padding: 0;
    width: 350px;
    height: 180px;
    box-sizing: border-box;
    /* background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%); */
}
.header{
    text-align: center;
    /* background-color:#FC427B; */
    background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
    color: #F8EFBA;
    text-shadow: 2px 2px 5px black;
}

/* form{
    margin: 25px 37px;
    justify-content: space-between;
} */

/* .inp {
    border:none;
    border-bottom: 1px solid #1890ff;
    padding: 5px 10px;
    outline: none;
} */

/* #mainhead ::content{
    background: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
} */

/* .content {
    background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
} */

/* body > div.content > div.set-timer > form > div > div:nth-child(2) > button{
    padding: 6px 49px;
} */

#footertext {
color: #dff9fb;
}

hr{
    width: 100%;
    height: 2px;
    text-align: center;
    margin-left:0
}

.start{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.inp {
    width: 90px;
    text-align: center;
    border: none;
    border-bottom: solid 1px gray;
    outline: none;
}

/* inp::after{
    content: "Sec";
} */

.stop{
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;
}

.footer-copyright{
    background-color: #D2D1D1;
}