* {
    box-sizing:border-box;
}


body {

    margin:0;

    font-family:sans-serif;

    background:#eeeeee;

}


header {

    height:45px;

    background:#0066ff;

    color:white;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:bold;

}


main {

    padding:10px;

    padding-bottom:60px;

}



button {

    width:100%;

    min-height:45px;

    margin:5px 0;

    font-size:16px;

    border:none;

    background:white;

}



.pass {

    text-align:left;

    padding:12px;

}



.card {

    background:white;

    padding:15px;

}



.code {

    background:black;

    color:white;

    padding:25px;

    margin:20px 0;

    text-align:center;

    word-break:break-all;

}



footer {

    position:fixed;

    bottom:0;

    left:0;

    right:0;

    display:flex;

    background:#cccccc;

}



footer button {

    margin:0;

}