body{
    background-image: url("https://www.shutterstock.com/image-photo/blur-nature-park-outdoor-background-600nw-232685197.jpg");
    font-family: poppins ;
    background-size: cover;
    font-weight: bold;
    text-align: center;
    height:100vh;
}

.whole{
    width:max-width ;
    border:3p solid white;
    backdrop-filter: blur(20px);
    margin:auto;
    width:60%
}
h1{
    font-size: 50px;
    margin-top: 10px;
    color: #2c3e50;
    margin-bottom: 10px;
}
h2{
    color: #2e7d32;
    font-size: 50px;
    margin-bottom: 20px;
}
button {
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-weight: bold;
    width: 200px;
    margin-bottom: 5px;
    border-radius: 5px;
}
#increment-btn {
    background: darkorange;
}
#save-btn {
    background: #e57373;
}
#save-el {
       color: #5d4037;
       font-size: 50px;
       font-weight: lighter;
}