timer.css

/*  final code*/
body{
 background-image: url("https://media.giphy.com/media/xTiTnI1mdyxsFKTFjW/giphy.gif"); 
 background-size: cover;
 padding: 0;
 margin: 0;
}
.maindisplay
{
    /* color: rgb(116, 122, 91); */
    /* color:rgb(192, 132, 34); */
    color: rgb(212, 224, 224);
    text-align: center;
    font-size: 95px;
     /* text-decoration-color: rgba(0, 0, 0, 0.383); */
    margin-top: 300px;
    position: relative;
    font-family: 'Merienda', cursive;
    text-shadow: 3px 3.7px 4px rgb(151, 140, 117);
}
.displaytime
{
    color: rgb(255, 188, 4);
    text-align: center;
    font-size: 50px;
    margin-top: 15px;
    position: relative;
    font-family: 'Merienda', cursive;
    text-shadow: 1.3px 1.5px  rgb(55, 56, 51); 
}
.reset
{
    border-radius: 15px;
    background-color: rgb(255, 145, 0);
    /* color: rgb(255, 250, 240); */
    font-size: 25px;
    text-shadow: 1px 1px blanchedalmond;
    font-size: 30px;
    margin-left: 50px;
    margin-top: 250px;
    position: relative;
    font-family: 'Merienda', cursive;
    text-shadow: 0.5px 1px rgb(255, 252, 205);
    box-shadow: 3px 3px 2px rgb(236, 232, 196); 

}
.row
{
    margin-top: 30px;
    font-size: 25px;
    text-shadow: 1px 1px blanchedalmond;
    font-family: 'Merienda', cursive;
}
.my-col1
{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background:rgb(255, 187, 0);
    box-shadow: 3px 3.5px 2.5px rgb(241, 237, 196);
}
.my-col2
{
    background:rgb(255, 174, 0);
    box-shadow: 3px 3.5px 2.5px rgb(241, 237, 196);
}
.my-col3
{
    background: rgb(255, 157, 0);
    box-shadow: 3px 3.5px 2.5px rgb(241, 237, 196);
}
.my-col4
{
    background: rgb(255, 145, 0);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    /* background: rgb(255, 102, 0); */
    box-shadow: 3px 3.5px 2.5px rgb(241, 237, 196);
}
 
input
{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    /* background: rgb(255, 102, 0); */
    box-shadow: 2px 2px 2px rgb(241, 237, 196);
    width: 180px;;

}