* {
    margin: 0;
    padding: 0;
}

.container {
    margin: 0 auto;
    max-width: 1000px;
    margin-top: 20px;
    /* border-style: dashed;
    border-color: brown; */
}

.input-field {
    border-style: double;
    border-color: mediumvioletred;
    background: linear-gradient(hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%));
}

.input-field h1 {
    text-align: center;
    color: gray;
    font-size: 40px;
    margin-top: 20px;
    font-family: 'Lobster', helvetica, arial;
    text-shadow: 0 1px 0 red;


}

input {
    height: 40px;
    border: 2px solid purple;
    margin-top: 20px;
    margin-left: 350px;
    text-align: center;
    /* padding-left: 20px; */
    box-shadow: -2px -2px 5px gray;

}

.input-field button {
    height: 40px;
    margin-top: 20px;
    margin-left: 20px;
    width: 130px;
    border-radius: 2em;
    transition: all 0.2s;
    box-shadow: -2px -2px 5px black;

}

.input-field p {
    text-align: center;
    margin-top: 20px;
    font-size: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}


/* .result-container {
    border-style: dashed;
    border-color: rebeccapurple;

} */


.btn-copy {
    width: 30%;
    height: 30%;
    border-radius: 2em;
    transition: all 0.2s;
    border-color: gray;
    animation: btn-copy 4.0s infinite;
    cursor: pointer;

}

@keyframes btn-copy {
    /* 0% {
        transform: scale(1, 1) translate(0px, 0px);
    } */

    /* 30% {
        transform: scale(1, 0.8) translate(0px, 10px);
    } */

    75% {
        transform: scale(1, 1.1) translate(0px, -25px);
    }

    /* 100% {
        transform: scale(1, 1) translate(0px, 0px);
    } */
}

.result-container {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}


.auto-gen-div {

    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 2px solid black;
    margin: 10px auto;
    width: 200px;
    border-radius: 2px;
    height: 105px;
    box-shadow: 5px 5px 3px 1px rgba(0, 0, 0, .4);

}