/* --- START CORE CODE --- */
body {
    margin: 0;
    background-color: black;
}
.link-left {
    width: 50vw;
    height: 100vh;
    display: block;
    position: fixed;
    z-index: 99;
}
.link-right {
    width: 50vw;
    height: 100vh;
    left: 50vw;
    display: block;
    position: fixed;
    z-index: 99;
}
/* --- END CORE CODE --- */
section.main{
    width: 8000px;
    height: 8000px;
    overflow: hidden;
    position: absolute;
    background-color: white;
}
.color {
    background: rgb(240,255,229);
    width: 8000px;
    height: 8000px;
    position: absolute;
    mix-blend-mode: color;
    background-color: #93b000;
    -webkit-animation:change-color 20s ease 0s infinite normal;
    -moz-animation:change-color 40s ease 0s infinite normal;
    -ms-animation:change-color 40s ease 0s infinite normal;
    animation:change-color 40s ease 0s infinite normal;
    }

    @-webkit-keyframes change-color {
    0%{ background-color:rgb(240 255 229); }
    50%{ background-color:rgb(238 229 255); }
    100%{ background-color:rgb(240 255 229); }
    }

    @keyframes change-color {
    0%{ background-color:rgb(240 255 229); }
    50%{ background-color:rgb(238 229 255); }
    100%{ background-color:rgb(240 255 229); }
}
.spot-01 {
    background: rgb(255,0,168);
    background: radial-gradient(circle, rgb(255 106 0 / 49%) 6%, rgba(64,0,255,0) 67%);
    width: 4000px;
    height: 4000px;
    position: absolute;
    margin-top: 60px;
    margin-left: 20px;
}
.spot-02 {
    background: rgb(0,255,209);
    background: radial-gradient(circle, rgba(0,255,209,0.49343487394957986) 6%, rgba(64,0,255,0.07326680672268904) 40%, rgba(64,0,255,0) 60%);
    width: 6000px;
    height: 6000px;
    position: absolute;
    margin-top: -1600px;
    margin-left: -1200px;
    mix-blend-mode: hue;
}
.spot-03 {
    background: rgb(0,255,55);
    background: radial-gradient(circle, rgba(0,255,55,0.49343487394957986) 0%, rgba(192,0,255,0.07326680672268904) 30%, rgba(64,0,255,0) 66%);
    width: 6000px;
    height: 6000px;
    position: absolute;
    margin-top: 200px;
    margin-left: 200px;
    mix-blend-mode: hard-light;
}
.spot-04 {
    background: rgb(0,39,255);
    background: radial-gradient(circle, rgba(0,39,255,0.49343487394957986) 0%, rgba(0,255,55,0.07326680672268904) 37%, rgba(64,0,255,0) 62%);
    width: 12000px;
    height: 12000px;
    position: absolute;
    margin-top: -3000px;
    margin-left: -1120px;
    mix-blend-mode: difference;
}
.spot-05 {
    background: rgb(255,0,168);
    background: radial-gradient(circle, rgba(255,0,168,0.49343487394957986) 6%, rgba(64,0,255,0) 67%);
    width: 18000px;
    height: 18000px;
    position: absolute;
    margin-top: 60px;
    margin-left: 20px;
    mix-blend-mode: luminosity;
}
.spot-06 {
    background: rgb(255,0,168);
    background: radial-gradient(circle, rgba(255,0,168,0.49343487394957986) 6%, rgba(64,0,255,0) 67%);
    width: 16000px;
    height: 16000px;
    position: absolute;
    margin-top: -4000px;
    margin-left: -4000px;
    mix-blend-mode: luminosity;
}
.spot-07 {
    width: 4000px;
    height: 4000px;
    position: absolute;
    margin-top: 800px;
    margin-left: 600px;
    background: rgb(0,0,0);
    background: radial-gradient(circle, rgba(0,0,0,1) 27%, rgba(0,255,55,0.07326680672268904) 37%, rgba(64,0,255,0) 62%);
}
.triangle-01 {
    background-color: rgb(200, 200, 200);
    width: 6000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: -1200px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.triangle-02 {
    background-color: rgb(200, 200, 200);
    width: 6000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 4800px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.triangle-03 {
    background-color: rgb(200, 200, 200);
    width: 6000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: -4200px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
    -ms-transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
    -webkit-transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
}
.triangle-04 {
    background-color: rgb(200, 200, 200);
    width: 6000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 1800px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
    -ms-transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
    -webkit-transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
}
.triangle-05 {
    background-color: rgb(200, 200, 200);
    width: 6000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 7800px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
    -ms-transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
    -webkit-transform:matrix(-1.00,0.00,-0.00,-1.00,0,0);
}
.inner-01 {
    background-color: rgb(205, 205, 205);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 5500px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 250px;
}
.inner-02 {
    background-color: rgb(210, 210, 210);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 5000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 500px;
}
.inner-03 {
    background-color: rgb(215, 215, 215);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 4500px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 750px;
}
.inner-04 {
    background-color: rgb(220, 220, 220);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 4000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 1000px;
}
.inner-05 {
    background-color: rgb(225, 225, 225);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 3500px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 1250px;
}
.inner-06 {
    background-color: rgb(230, 230, 230);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 3000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 1500px;
}
.inner-07 {
    background-color: rgb(235, 235, 235);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 2500px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 1750px;
}
.inner-08 {
    background-color: rgb(240, 240, 240);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 2000px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 2000px;
}
.inner-09 {
    background-color: rgb(245, 245, 245);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 1500px;
    height: 8000px;
    position: absolute;
    top: 0;
    left: 2250px;
}