body {
    background: linear-gradient(to top, #6db2dc, #c5e2f0);
    min-height: 100vh;
    padding: 20px;
    display: flex;
}

.link {
    text-decoration: none;
    color: white;
}

main {
    width: 100%;
    background: #00527a;
    border-radius: 20px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    flex-grow: 1;
}

.img-main {
    position: absolute;
    bottom: 7px;
    right: 7px;
}

    .img-main img {
        width: 120px;
    }

.form {
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: white;
    width: 100%;
    max-width: 280px;
    /* background: rgb(0, 62, 102); */
    padding: 20px 10px;
    border-radius: 20px;
    /* background: rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px); */
    /* border: 1.5px solid rgba(209, 213, 219, 0.3); */
}

@media (max-width: 767.98px) {
}