body {
    background: pink;
}

.section1 {
    background: rgb(253 164 175);
    border-style: solid;
    border-radius: 30px;
    border-color: steelblue;
    justify-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.section1 h3 {
    text-align: center;
}

.section1 input {
    margin-left: 70px;
    margin-bottom: 10px;
}

#input {
    text-align: center;
    font-size: 17px;
    width: 200px;
    height: 35px;
    border-style: solid;
    border-width: 3px;
    border-color: aqua;
    border-radius: 50px;
}

#input-kv {
    text-align: center;
    font-size: 17px;
    width: 200px;
    height: 35px;
    border-style: solid;
    border-width: 3px;
    border-color: aqua;
    border-radius: 50px;
}

#btn {
    text-align: center;
    font-size: 17px;
    width: 200px;
    height: 35px;
    border-style: solid;
    border-width: 3px;
    border-color: aqua;
    border-radius: 50px;
    cursor: pointer;
    margin-left: 75px;
}

.section2 {
    margin-top: 20px;
    background-color: rgb(244 63 94);
    border-style: solid;
    border-width: 3px;
    border-radius: 20px;
}

footer {
    text-align: center;
}


/* .hide {
    display: none;
}

#wrapper {
    /* display: none; */


/*z-index: 10;
position: relative;
width: 520px;
height: 210px;
background: #a89a9a;
text-align: center;

}
.hideButton {
    background: inherit;
    color: aqua;
    cursor: pointer;
    font-size: 20px;
}
#wrapper p {
    position: absolute;
    left: 5px;
    right: 2px;
    bottom: 2px;
    top: 5px;
}
.hideButton {
    position: absolute;
    margin-bottom: 4px;
    top: 0%;
    right: 0%;
}
.showMore {
    cursor: pointer;
    height: 45px;
    width: 150px;
    border-style: solid;
    border-radius: 50px;
    border-color: blue;
    background-color: #a89a9a;
    border-width: 2px;
    @import url(https://fonts.googleapis.com/css2?family=Almendra+Display&display=swap);
    body {
        font-family: 'Almendra Display', display;
    }
    
    margin-left: 40%;
    margin-right: -50%;
    margin-top: 20%;
    margin-bottom: -50%;
}
*/


/* #section1 {
    text-align: center;
}

#section1 input {
    border-style: solid;
    border-radius: 40px;
    border-width: 3px;
    border-color: aqua;
    text-align: center;
    font-size: 20px;
}

#cards1 {
    display: block;
    position: absolute;
    background: #ddd9d9;
    padding: 10px;
    right: 300px;
    /* top: 300px; */


/*margin-top: 50px;
}*/


/*#cards2 {
    display: block;
    position: absolute;
    background: #ddd9d9;
    padding: 10px;
    right: 600px;
    margin-top: 50px;
}

#cards3 {
    display: block;
    position: absolute;
    background: #ddd9d9;
    padding: 10px;
    left: 100px;
    margin-top: 50px;
} */