@charset "UTF-8";
/* CSS Document */

a {
font-family: 'Noto Sans';
text-decoration : none;
font-size: 16px;
color: #FFFFFF;
	filter: opacity(50%);
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999999;
}
a:hover {
	text-decoration: underline;
	color: #990000;
}
a:active {
	text-decoration: none;
}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

img {
  width: 80%;
  height: auto;
}

.image {
  position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
	z-index: 1;
	  text-align: center;

}

.contact {
z-index: 2;
position: absolute;
bottom: 20px;
right: 30px;

}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #232323;
    overflow: hidden;
}

.background span {
    width: 23vmin;
    height: 23vmin;
    border-radius: 23vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 18;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #a96800;
    top: 75%;
    left: 30%;
    animation-duration: 273s;
    animation-delay: -268s;
    transform-origin: 13vw 14vh;
    box-shadow: 46vmin 0 6.090452650812125vmin currentColor;
}
.background span:nth-child(1) {
    color: #7c2a00;
    top: 51%;
    left: 44%;
    animation-duration: 194s;
    animation-delay: -19s;
    transform-origin: -1vw -7vh;
    box-shadow: -46vmin 0 5.844961172505074vmin currentColor;
}
.background span:nth-child(2) {
    color: #a96800;
    top: 19%;
    left: 41%;
    animation-duration: 38s;
    animation-delay: -302s;
    transform-origin: -24vw -23vh;
    box-shadow: 46vmin 0 6.207626155336489vmin currentColor;
}
.background span:nth-child(3) {
    color: #7c2a00;
    top: 84%;
    left: 76%;
    animation-duration: 39s;
    animation-delay: -114s;
    transform-origin: 1vw -20vh;
    box-shadow: 46vmin 0 5.7951960355687655vmin currentColor;
}
.background span:nth-child(4) {
    color: #a96800;
    top: 77%;
    left: 21%;
    animation-duration: 19s;
    animation-delay: -186s;
    transform-origin: -14vw -18vh;
    box-shadow: -46vmin 0 5.785579628992663vmin currentColor;
}
.background span:nth-child(5) {
    color: #7c2a00;
    top: 27%;
    left: 24%;
    animation-duration: 32s;
    animation-delay: -191s;
    transform-origin: -1vw -5vh;
    box-shadow: 46vmin 0 6.400295413577914vmin currentColor;
}
.background span:nth-child(6) {
    color: #7a4a00;
    top: 31%;
    left: 33%;
    animation-duration: 29s;
    animation-delay: -45s;
    transform-origin: 5vw 1vh;
    box-shadow: 46vmin 0 6.126171344769848vmin currentColor;
}
.background span:nth-child(7) {
    color: #7a4a00;
    top: 17%;
    left: 76%;
    animation-duration: 46s;
    animation-delay: -214s;
    transform-origin: -11vw -21vh;
    box-shadow: 46vmin 0 6.005248276042666vmin currentColor;
}
.background span:nth-child(8) {
    color: #7c2a00;
    top: 57%;
    left: 30%;
    animation-duration: 58s;
    animation-delay: -306s;
    transform-origin: 0vw -23vh;
    box-shadow: -46vmin 0 6.587590131527962vmin currentColor;
}
.background span:nth-child(9) {
    color: #7a4a00;
    top: 30%;
    left: 84%;
    animation-duration: 89s;
    animation-delay: -29s;
    transform-origin: -21vw 3vh;
    box-shadow: 46vmin 0 6.139561552551411vmin currentColor;
}
.background span:nth-child(10) {
    color: #a96800;
    top: 73%;
    left: 66%;
    animation-duration: 106s;
    animation-delay: -309s;
    transform-origin: -1vw -8vh;
    box-shadow: 46vmin 0 5.8891931758908775vmin currentColor;
}
.background span:nth-child(11) {
    color: #7a4a00;
    top: 31%;
    left: 45%;
    animation-duration: 160s;
    animation-delay: -216s;
    transform-origin: 15vw -16vh;
    box-shadow: -46vmin 0 6.125100121099347vmin currentColor;
}
.background span:nth-child(12) {
    color: #7c2a00;
    top: 47%;
    left: 52%;
    animation-duration: 199s;
    animation-delay: -143s;
    transform-origin: 15vw -22vh;
    box-shadow: -46vmin 0 6.6223583930942995vmin currentColor;
}
.background span:nth-child(13) {
    color: #a96800;
    top: 11%;
    left: 72%;
    animation-duration: 117s;
    animation-delay: -79s;
    transform-origin: 10vw 17vh;
    box-shadow: -46vmin 0 6.226922161640203vmin currentColor;
}
.background span:nth-child(14) {
    color: #7c2a00;
    top: 87%;
    left: 19%;
    animation-duration: 41s;
    animation-delay: -87s;
    transform-origin: 15vw -13vh;
    box-shadow: -46vmin 0 6.395806056924743vmin currentColor;
}
.background span:nth-child(15) {
    color: #a96800;
    top: 67%;
    left: 13%;
    animation-duration: 78s;
    animation-delay: -138s;
    transform-origin: 14vw 6vh;
    box-shadow: -46vmin 0 5.891629518614252vmin currentColor;
}
.background span:nth-child(16) {
    color: #7c2a00;
    top: 35%;
    left: 86%;
    animation-duration: 267s;
    animation-delay: -261s;
    transform-origin: -9vw -22vh;
    box-shadow: 46vmin 0 6.2235432645080095vmin currentColor;
}
.background span:nth-child(17) {
    color: #a96800;
    top: 4%;
    left: 26%;
    animation-duration: 54s;
    animation-delay: -130s;
    transform-origin: -4vw 13vh;
    box-shadow: 46vmin 0 5.943071494474931vmin currentColor;
}
.background span:nth-child(18) {
    color: #a96800;
    top: 90%;
    left: 3%;
    animation-duration: 73s;
    animation-delay: -14s;
    transform-origin: 12vw 15vh;
    box-shadow: -46vmin 0 6.690581673800825vmin currentColor;
}
.background span:nth-child(19) {
    color: #7a4a00;
    top: 33%;
    left: 52%;
    animation-duration: 256s;
    animation-delay: -1s;
    transform-origin: -11vw 23vh;
    box-shadow: -46vmin 0 6.292095618955845vmin currentColor;
}
.background span:nth-child(20) {
    color: #7a4a00;
    top: 59%;
    left: 57%;
    animation-duration: 296s;
    animation-delay: -46s;
    transform-origin: 15vw 6vh;
    box-shadow: 46vmin 0 6.101382692487974vmin currentColor;
}
.background span:nth-child(21) {
    color: #7a4a00;
    top: 8%;
    left: 63%;
    animation-duration: 319s;
    animation-delay: -31s;
    transform-origin: -18vw 12vh;
    box-shadow: -46vmin 0 6.159199042071631vmin currentColor;
}
.background span:nth-child(22) {
    color: #a96800;
    top: 56%;
    left: 56%;
    animation-duration: 228s;
    animation-delay: -245s;
    transform-origin: -9vw 8vh;
    box-shadow: 46vmin 0 6.427241436816317vmin currentColor;
}
.background span:nth-child(23) {
    color: #a96800;
    top: 85%;
    left: 11%;
    animation-duration: 306s;
    animation-delay: -169s;
    transform-origin: 17vw -12vh;
    box-shadow: 46vmin 0 6.1399530818674215vmin currentColor;
}
.background span:nth-child(24) {
    color: #7a4a00;
    top: 78%;
    left: 77%;
    animation-duration: 177s;
    animation-delay: -124s;
    transform-origin: 1vw 6vh;
    box-shadow: 46vmin 0 5.803924514888132vmin currentColor;
}
.background span:nth-child(25) {
    color: #7a4a00;
    top: 66%;
    left: 37%;
    animation-duration: 215s;
    animation-delay: -254s;
    transform-origin: 5vw -3vh;
    box-shadow: 46vmin 0 6.341231225776921vmin currentColor;
}
.background span:nth-child(26) {
    color: #a96800;
    top: 17%;
    left: 26%;
    animation-duration: 74s;
    animation-delay: -183s;
    transform-origin: 7vw 9vh;
    box-shadow: 46vmin 0 6.422952729855405vmin currentColor;
}
.background span:nth-child(27) {
    color: #7a4a00;
    top: 24%;
    left: 59%;
    animation-duration: 278s;
    animation-delay: -217s;
    transform-origin: -9vw -10vh;
    box-shadow: 46vmin 0 6.188297473030066vmin currentColor;
}
.background span:nth-child(28) {
    color: #a96800;
    top: 68%;
    left: 2%;
    animation-duration: 39s;
    animation-delay: -71s;
    transform-origin: 18vw -24vh;
    box-shadow: 46vmin 0 6.504947157074098vmin currentColor;
}
.background span:nth-child(29) {
    color: #7c2a00;
    top: 80%;
    left: 19%;
    animation-duration: 244s;
    animation-delay: -35s;
    transform-origin: 0vw -5vh;
    box-shadow: 46vmin 0 6.220481642233272vmin currentColor;
}
.background span:nth-child(30) {
    color: #a96800;
    top: 80%;
    left: 77%;
    animation-duration: 258s;
    animation-delay: -261s;
    transform-origin: -1vw 9vh;
    box-shadow: 46vmin 0 6.043935490349693vmin currentColor;
}
.background span:nth-child(31) {
    color: #7a4a00;
    top: 90%;
    left: 59%;
    animation-duration: 17s;
    animation-delay: -22s;
    transform-origin: 16vw -1vh;
    box-shadow: 46vmin 0 6.074687451025594vmin currentColor;
}
.background span:nth-child(32) {
    color: #a96800;
    top: 42%;
    left: 31%;
    animation-duration: 151s;
    animation-delay: -144s;
    transform-origin: -4vw -13vh;
    box-shadow: 46vmin 0 6.393764189975684vmin currentColor;
}
.background span:nth-child(33) {
    color: #7c2a00;
    top: 24%;
    left: 55%;
    animation-duration: 234s;
    animation-delay: -220s;
    transform-origin: -15vw -19vh;
    box-shadow: 46vmin 0 6.444101630464644vmin currentColor;
}
.background span:nth-child(34) {
    color: #a96800;
    top: 96%;
    left: 11%;
    animation-duration: 269s;
    animation-delay: -90s;
    transform-origin: -13vw 16vh;
    box-shadow: -46vmin 0 6.487048083601643vmin currentColor;
}
.background span:nth-child(35) {
    color: #7a4a00;
    top: 51%;
    left: 61%;
    animation-duration: 270s;
    animation-delay: -156s;
    transform-origin: 24vw 8vh;
    box-shadow: -46vmin 0 6.660457996851617vmin currentColor;
}
.background span:nth-child(36) {
    color: #7a4a00;
    top: 31%;
    left: 93%;
    animation-duration: 83s;
    animation-delay: -125s;
    transform-origin: -1vw -21vh;
    box-shadow: -46vmin 0 6.237456669122713vmin currentColor;
}