.img1{
    width: 300px;
    position: absolute;
}
body{
    margin: 0%;
}
.img2{
    width: 300px;
    position: absolute;
    transform: translate(100px, 110px)
}
.NumCarte{
    position: absolute;
    color: white;
    transform: translate(120px, 200px)
}
.Felicia{
    position: absolute;
    color: white;
    transform: translate(120px, 220px)
}
.h{
    position: absolute;
    color: white;
    transform: translate(350px, 220px)
}

.img3{
    width: 300px;
    position: relative;
    position: absolute;
    transform: translate(150px, 300px);
}
.card{
    position: absolute;
    transform: translate(500px, 150px);
}
.cardnum{
    position: absolute;
    transform: translate(500px, 250px);
}
.date{
    position: absolute;
    transform: translate(500px, 350px);
}
.input1{
    position: absolute;
    transform: translate(500px, 200px);
}
.input2{
    position: absolute;
    transform: translate(500px, 300px);
}
.input3{
    position: absolute;
    transform: translate(500px, 400px);
}
a{
    background-color: purple;
    color : white;
    text-decoration: none;
    font-weight: bold;
    padding: 0.8rem 1.7rem;
    border-radius: 30px;
    border: 2px solid transparent;
    transition: 0.4s;
}
a:hover{
    background-color: transparent;
    border: 2px solid var(--btncolor);
}
.a{
    position: absolute;
    margin-top: 490px;
    margin-left: 500px;
}