.border-box {
    box-sizing: border-box
}

.flex {
    display: flex;
    flex-wrap: wrap
}

.flex-nowrap {
    display: flex;
    flex-wrap: nowrap
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.justify-content-evenly {
    justify-content: space-evenly
}

.align-items-center {
    align-items: center
}

.justify-content-end {
    justify-content: flex-end
}

.flex-col {
    position: relative;
    flex-basis: 0;
    flex-grow: 1;
    width: 100%;
    max-width: 100%
}

.flex-col-auto {
    position: relative;
    flex: 0 0 auto;
    max-width: 100%
}

.f20 {
    font-size: 20px
}

* {
    margin: 0;
    padding: 0;
    color: inherit;
    font: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body,
html {
    font-size: 10px;
    margin: 0 auto
}

img {
    border: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.w750 {
    width: 90%;
    max-width: 750px;
    margin: 0 auto
}

.lottery-box {
    padding: 32px 0 0 0;
    /* background-image: url(../images/bg.jpg); */
    background-color: #EA4E3D;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 100vh
}

.lottery-box .title {
    text-align: center;
    margin-bottom: 20px
}

.lottery-box .title img {
    width: 80%
}

.lottery-box .subtitle {
    margin-top: 10px;
    padding: 10px 0;
    text-align: center;
    background-color: #A12F2F;
    background: linear-gradient(to bottom, #A12F2F, #5d160e)
    /* background: linear-gradient(to bottom, rgba(0, 102, 255, .6), rgba(0, 62, 154, .6)) */
}

.lottery-box .subtitle img {
    width: 80%
}

.lottery-box .btn {
    text-align: center;
    margin-top: 2%;
    animation: size .6s ease-in-out alternate infinite
}

.lottery-box .btn a {
    position: relative;
    display: inline-block
}

@keyframes size {
    0% {
        transform: scale(.85)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes scale {
    50% {
        transform: scale(.9)
    }
}