body {
	position: relative;
    display: inline-block;
	min-width: 100vw;
}
body > div.spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: max(1750px, 100vw);
    height: max(2700px, 100vh);
    background-color: rgba(222, 222, 222, 0.7);
    z-index: 9;
    user-select: none;
    cursor: progress;
}

body > div.spinner > div.row {
    width: 100vw;
    height: 100vh;
    display: grid;
    align-items: center;
    justify-content: center;
}

body > div.spinner > div.row > div.logo {
    width: 120px;
    height: 120px;
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(146, 213, 11);
    border: 1px solid rgb(222, 222, 222);
    transition: 1s;
    animation: spin 2s infinite ease;
    padding: 10px;
}

@keyframes spin {
    0% {background: conic-gradient(rgb(146, 213, 11) 0deg, rgb(232, 232, 232) 36deg);}
    6% {background: conic-gradient(rgb(146, 213, 11) 36deg, rgb(232, 232, 232) 72deg);}
    12% {background: conic-gradient(rgb(146, 213, 11) 72deg, rgb(232, 232, 232) 108deg);}
    18% {background: conic-gradient(rgb(146, 213, 11) 108deg, rgb(232, 232, 232) 144deg);}
    24% {background: conic-gradient(rgb(146, 213, 11) 144deg, rgb(232, 232, 232) 180deg);}
    30% {background: conic-gradient(rgb(146, 213, 11) 180deg, rgb(232, 232, 232) 216deg);}
    36% {background: conic-gradient(rgb(146, 213, 11) 216deg, rgb(232, 232, 232) 252deg);}
    42% {background: conic-gradient(rgb(146, 213, 11) 252deg, rgb(232, 232, 232) 288deg);}
    48% {background: conic-gradient(rgb(146, 213, 11) 288deg, rgb(232, 232, 232) 324deg);}
    54% {background: conic-gradient(rgb(146, 213, 11) 324deg, rgb(232, 232, 232) 360deg);}
    60% {background: conic-gradient(rgb(232, 232, 232) 36deg, rgb(146, 213, 11) 72deg);}
    63% {background: conic-gradient(rgb(232, 232, 232) 72deg, rgb(146, 213, 11) 108deg);}
    66% {background: conic-gradient(rgb(232, 232, 232) 108deg, rgb(146, 213, 11) 144deg);}
    70% {background: conic-gradient(rgb(232, 232, 232) 144deg, rgb(146, 213, 11) 180deg);}
    74% {background: conic-gradient(rgb(232, 232, 232) 180deg, rgb(146, 213, 11) 216deg);}
    78% {background: conic-gradient(rgb(232, 232, 232) 216deg, rgb(146, 213, 11) 252deg);}
    83% {background: conic-gradient(rgb(232, 232, 232) 252deg, rgb(146, 213, 11) 288deg);}
    88% {background: conic-gradient(rgb(232, 232, 232) 288deg, rgb(146, 213, 11) 324deg);}
    94% {background: conic-gradient(rgb(232, 232, 232) 324deg, rgb(146, 213, 11) 360deg);}
    100% {background: conic-gradient(rgb(146, 213, 11) 0deg, rgb(232, 232, 232) 36deg);}
}

body > div.spinner > div.row > div.logo > img {
    width: 100px;
    height: 100px;
}

body > div.spinner.hidden {
    display: none;
}