*{
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-family:'Poppins',sans-serif;
}

html,body{
    min-height:100vh;
}

body{
    background-color:#222;
}
.container{
    max-width:400px;
    width:100%;
    padding:20px 30px;
    background-color:#fff;
    border-radius:8px;  
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.container h5{
    font-size:16px; 
}
.container input{
    width:100%;
    display:block;
    margin-block:12px 20px;
    padding:12px;
    outline:none;
    border-radius:4px;
}
.output-parent img{
    display:block;
    /* width:70%; */
    margin-bottom:20px;
    margin-inline:auto;

}
.container .generate-btn{
    display:block;
    color:#fff;
    outline:none;
    margin-inline:auto;
    background-color:rgba(74, 156, 249, 1);
    padding:10px;
    border-radius:4px;
    border:none;
    font-weight:500;
}
.container .generate-btn:hover{
    background-color:rgba(19, 72, 133, 1);
    transform:scale(1.05)
}