* {
        margin: 0;
        padding: 0;
        font-family: 'Kanit', sans-serif;
        font-weight: 900;
        color: #edededda;
        text-shadow:
        0 0 2px #000000,
        0 0 4px #000000,
        0 0 6px #000000;
}

html,
body {
        width: 100%;
        height: 100%;
        background-image: url("Background.png");
}

.loader {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #2d2d2d;
        z-index: 300;
        transition: 1s;
}

.loader p {
        color: #2d2d2d;
        margin-top: 42px;
        text-transform: uppercase;
        text-shadow: none;
}

.circle {
        width: 111px;
        height: 111px;
        position: absolute;
        margin: auto;
        background-color: #ededed;
        border-radius: 50%;
        left: 0;
        right: 0;
        margin-top: 22%;
        transform: scale(1);
        transition: 1s;
        animation: load 1s infinite;
}

@keyframes load {
        33% {
                transform: scale(1);
        }

        66% {
                transform: scale(1.3);
        }

        99% {
                transform: scale(1);
        }
}

.background {
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: url("Background.png");
        background-attachment: fixed;
        filter: blur(8px);
}

.content {
        position: relative;
        top: 0;
        z-index: 100;
}

.content img {
        width: 333px;
        margin-top: 6%;
}

.content h1 {
    color: #000000;
    padding: 11px;
    text-shadow:
        0 0 2px #ffffff,
        0 0 4px #ffffff,
        0 0 6px #ffffff;
}



.countdown>div {
        display: block;
        width: 111px;
        display: inline-block;
        font-size: 66px;
        margin: 5px;
        background-color: #2d2d2d73;
        border-radius: 5px;
        padding: 5px;
}

#ip {
        background-color: #2d2d2d73;
        border-radius: 5px;
        padding: 5px;
}