body,
html {
    background: #ff76fd;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.loader,
.loader:after {
    border-radius: 50%;
    height: 10em;
    width: 10em
}

.loader {
    animation: load8 1.1s linear infinite;
    border: 1.1em solid hsla(0, 0%, 100%, .2);
    border-left-color: #fff;
    font-size: 10px;
    left: calc(50% - 60px);
    position: absolute;
    text-indent: -9999em;
    top: calc(50% - 60px);
    transform: translateZ(0)
}

@keyframes load8 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-display: swap;
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(https://fonts.gstatic.com/s/poppins/v15/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");
    unicode-range: u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000-206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}