@font-face {
    font-family: myFirstFont;
    src: url(AlloyInk-lgdWw-2.otf);
}

* {
    margin: 0;
    padding: 0;
    font-family: myFirstFont;
}

a:link,a:visited,a:hover,a:active {
    color:#FF0000;
    text-decoration:none;
}

html,
body {
    height: 100%;
    min-width: 300px;
    background: #02ABF0;
}

.wifi-dora-top {
    width: 100%;
    margin: 0 auto;
    height: calc(72vh);
    display: flex;
    justify-content: center;
    align-items: center;
}

.wifi-dora {
    width: 100%;
    margin: 0 auto;
    height: calc(30vh);
    display: flex;
    justify-content: center;
    align-items: center;
}

.wifi-dora-img {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.wifi-dora-img img {
    flex: 1;
    max-width: 500px;
    min-width: 300px;
    margin:50px;
    height: initial;
}

.wifi-dora-bottom {
    width: 100%;
    margin: 0 auto;
    height: calc(55vh);
    display: flex;
    justify-content: center;
    align-items: center;
}

.wifi-dora-color1 {
    width: 100%;
    height: calc(200vh);
    background: linear-gradient(180deg, #02ABF0 0%, #9105FF 50%, #EF1B27 100%);
}

.wifi-dora-color2 {
    width: 100%;
    height: calc(9000vh);
    background: linear-gradient(180deg, #EF1B27 0%, #FFE39C 13.68%, #B3FF8F 24.57%, #7EFFC9 31.06%, #FFDC81 40.42%, #FF4E43 47.11%, #FF4588 55.32%, #3A1A37 62.77%, #000000 66.97%, #000000 72.13%, #FFFFFF 77.29%, #FFFFFF 82.17%, #9440FF 87.6%, #5F5BFF 94.86%, #FFA9A9 100%);
}

.wifi-text,
.wifi-text-min {
    width: 90%;
    text-align: center;
    color: white;
    font-size: 50px;
    text-shadow: 0px 6px 16px rgba(0, 123, 173, 0.14);
}

.wifi-text-min {
    font-size: 40px;
}

.wifi-text-love-time,
#htmer_time {
    color: #020003;
    font-size: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 70%;
    text-align: center;
}

.wifi-dorabg {
    background: url(dora.svg) no-repeat;
    background-size: 3000px;
    background-position: bottom;
    position: fixed;
    bottom: -1200px;
    width: 100%;
    height: 99999px;
    pointer-events: none;
}

@media screen and (min-width: 700px) {
    .wifi-dorabg {
        background-size: 5030px;
        bottom: -2040px;
    }

    .wifi-text {
        font-size: 120px;
    }

    .wifi-text-min {
        font-size: 100px;
    }

    .wifi-text-love-time,
    #htmer_time {
        font-size: 60px;
    }
    .wifi-text a{
        display: none;
    }
}