/* --- 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;
    -webkit-animation:change-color 60s ease 0s infinite normal;
    -moz-animation:change-color 60s ease 0s infinite normal;
    -ms-animation:change-color 60s ease 0s infinite normal;
    animation:change-color 60s ease 0s infinite normal;
    }

    @-webkit-keyframes change-color {
    0%{ background-color:#84c4a8; }
    50%{ background-color:#5e407d; }
    100%{ background-color:#84c4a8; }
    }

    @keyframes change-color {
    0%{ background-color:#84c4a8; }
    50%{ background-color:#5e407d; }
    100%{ background-color:#84c4a8; }
}

section.triangle-1 {
	position: absolute;
	width: 8000px;
	height: 8000px;
	overflow: hidden;
	background: rgb(125,10,255);
    background: linear-gradient(0deg, rgba(125,10,255,1) 0%, rgba(159,195,6,1) 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    mix-blend-mode: multiply;
}
section.triangle-2 {
    position: absolute;
    width: 8000px;
    height: 8000px;
    overflow: hidden;
    background: rgb(125,10,255);
    background: linear-gradient(0deg, rgba(159,195,6,1) 0%, rgba(125,10,255,1) 100%);
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    mix-blend-mode: multiply;
    font-size: 2000px;
    color: blue;
}
.top-grad {
    height: 20px;
    position: absolute;
    width: 8000px;
    top: 0;
    background: rgb(58,180,66);
    background: linear-gradient(90deg, rgba(58,180,66,1) 0%, rgba(111,29,253,1) 50%, rgba(211,252,69,1) 100%);
z-index: 2;
}
.left-grad {
    height: 8000px;
    position: absolute;
    width: 20px;
    top: 0;
    left: 0;
    background: rgb(58,180,66);
    background: linear-gradient(180deg, rgba(58,180,66,1) 0%, rgba(111,29,253,1) 50%, rgba(211,252,69,1) 100%);
    z-index: 2;
}
.radial {
    background: rgb(20,20,20);
    background: radial-gradient(circle,
    rgba(20,20,20,1) 0%, rgba(20,20,20,1) 2%,
    rgba(30,30,30,1) 2%, rgba(30,30,30,1) 4%,
    rgba(40,40,40,1) 4%, rgba(40,40,40,1) 6%,
    rgba(50,50,50,1) 6%, rgba(50,50,50,1) 8%,
    rgba(60,60,60,1) 8%, rgba(60,60,60,1) 10%,
    rgba(70,70,70,1) 10%, rgba(70,70,70,1) 12%,
    rgba(80,80,80,1) 12%, rgba(80,80,80,1) 14%,
    rgba(90,90,90,1) 14%, rgba(90,90,90,1) 16%,
    rgba(100,100,100,1) 16%, rgba(100,100,100,1) 18%,
    rgba(110,110,110,1) 18%, rgba(110,110,110,1) 20%,
    rgba(10,10,10,1) 20%, rgba(10,10,10,1) 22%,
    rgba(20,20,20,1) 22%, rgba(20,20,20,1) 22%,
    rgba(30,30,30,1) 22%, rgba(30,30,30,1) 24%,
    rgba(40,40,40,1) 24%, rgba(40,40,40,1) 26%,
    rgba(50,50,50,1) 26%, rgba(50,50,50,1) 28%,
    rgba(60,60,60,1) 28%, rgba(60,60,60,1) 30%,
    rgba(70,70,70,1) 30%, rgba(70,70,70,1) 32%,
    rgba(80,80,80,1) 32%, rgba(80,80,80,1) 34%,
    rgba(90,90,90,1) 34%, rgba(90,90,90,1) 36%,
    rgba(100,100,100,1) 36%, rgba(100,100,100,1) 38%,
    rgba(110,110,110,1) 38%, rgba(110,110,110,1) 40%,
    rgba(10,10,10,1) 40%, rgba(10,10,10,1) 42%,
    rgba(20,20,20,1) 42%, rgba(20,20,20,1) 42%,
    rgba(30,30,30,1) 42%, rgba(30,30,30,1) 44%,
    rgba(40,40,40,1) 44%, rgba(40,40,40,1) 46%,
    rgba(50,50,50,1) 46%, rgba(50,50,50,1) 48%,
    rgba(60,60,60,1) 48%, rgba(60,60,60,1) 50%,
    rgba(70,70,70,1) 50%, rgba(70,70,70,1) 52%,
    rgba(80,80,80,1) 52%, rgba(80,80,80,1) 54%,
    rgba(90,90,90,1) 54%, rgba(90,90,90,1) 56%,
    rgba(100,100,100,1) 56%, rgba(100,100,100,1) 58%,
    rgba(110,110,110,1) 58%, rgba(110,110,110,1) 60%,
    rgba(10,10,10,1) 60%, rgba(10,10,10,1) 62%,
    rgba(20,20,20,1) 62%, rgba(20,20,20,1) 62%,
    rgba(30,30,30,1) 62%, rgba(30,30,30,1) 64%,
    rgba(40,40,40,1) 64%, rgba(40,40,40,1) 66%,
    rgba(50,50,50,1) 66%, rgba(50,50,50,1) 68%,
    rgba(60,60,60,1) 68%, rgba(60,60,60,1) 70%,
    rgba(70,70,70,1) 70%, rgba(70,70,70,1) 72%,
    rgba(80,80,80,1) 72%, rgba(80,80,80,1) 74%,
    rgba(90,90,90,1) 74%, rgba(90,90,90,1) 76%,
    rgba(100,100,100,1) 76%, rgba(100,100,100,1) 78%,
    rgba(110,110,110,1) 78%, rgba(110,110,110,1) 80%,
    rgba(10,10,10,1) 80%, rgba(10,10,10,1) 82%,
    rgba(20,20,20,1) 82%, rgba(20,20,20,1) 82%,
    rgba(30,30,30,1) 82%, rgba(30,30,30,1) 84%,
    rgba(40,40,40,1) 84%, rgba(40,40,40,1) 86%,
    rgba(50,50,50,1) 86%, rgba(50,50,50,1) 88%,
    rgba(60,60,60,1) 88%, rgba(60,60,60,1) 90%,
    rgba(70,70,70,1) 90%, rgba(70,70,70,1) 92%,
    rgba(80,80,80,1) 92%, rgba(80,80,80,1) 94%,
    rgba(90,90,90,1) 94%, rgba(90,90,90,1) 96%,
    rgba(100,100,100,1) 96%, rgba(100,100,100,1) 98%,
    rgba(110,110,110,1) 98%, rgba(110,110,110,1) 100%
    );
    width: 8000px;
    height: 8000px;
    mix-blend-mode: difference;
    margin-top: 28px;
    margin-left: 36px;
}