body {
    max-width: 390px;
    /* background-image: url('bg-blur.jpg'); */
    /* background-color: rgb(36, 126, 8); */
    background: #2A7B9B;
    background: linear-gradient(68deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%) no-repeat fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    height: 100vh;
    padding: .5em;
    padding-top: 1em;
    font-family: croogla;
}
@font-face {
    font-family: 'croogla';
    src: url('Croogla4F.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
.btn-primary {
    background-color: rgb(22, 65, 107);
    border-color: rgb(11, 34, 56);
}