@charset "UTF-8";

.shape-canvas{position: relative;z-index: 1;}
.shape-canvas ~ *{position: relative;z-index: 2;}

.front{position: relative;z-index: 2;}

.shape{position: absolute;transition: all .5s;}
.shape img{max-width: none;width: auto;}
.shape__1{left: 50%;top: 115%;color: #F6C55A;}
.shape__2{right: 105%;top: 95%;color: #6A19F5;}
.shape__2 > svg{transform: rotate(135deg);}
.shape__3{right: 110%;top: 5%;color: #F6C55A;}
.shape__3 > svg{transform: rotate(-45deg);}
.shape__4{left: 100%;top: 0%;color: #FF6D8D;}
.shape__5{left: 105%;top: 70%;}
.shape__6{left: -5%;bottom: 10%;color: #6A19F5;}
.shape__6 > svg{transform: scaleX(-1);}
.shape__7{left: 10%;bottom: 5%;color: #6A19F5;}
.shape__7 > svg{transform: scaleX(-1);}
.shape__8{left: 60%;top: 0%;color: #2580C1;}
.shape__9{left: -5%;bottom: 10%;color: #2580C1;}
.shape__9 > svg:first-child{transform: scaleX(-1) rotate(-5deg);}
.shape__9 > svg:last-child{transform: scaleX(-1) rotate(-5deg);}
.shape__10{left: 10%;bottom: 5%;color: #2580C1;}
.shape__11{right: 100%;top: 50%;color: #5FC8D7;}
.shape__12{left: 10%;top: 5%;color: #F6C55A;}
.shape__13{right: 5%;bottom: 100%;color: #FF6D8D;}
.shape__14{left: 95%;top: 50%;color: #80EABC;}
.shape__15{left: 90%;top: 95%;color: #FFB9CA;}
.shape__16{right: 100%;top: 50%;color: #6A19F5;}
.shape__17{left: 0%;top: 5%;color: #2580C1;}
.shape__18{right: 5%;bottom: 100%;color: #F9523B;}
.shape__19{left: 95%;top: 50%;color: #2580C1;}
.shape__20{left: 90%;top: 95%;color: #F9523B;}
.shape__21{right: 0%;top: 5%;color: #5FC8D7;}
.shape__22{left: 25%;bottom: 0%;color: #FF6D8D;}
.shape__23{left: 5%;bottom: 5%;color: #FF6D8D;}
.shape__24{left: 10%;bottom: 105%;color: #FFB9CA;}
.shape__25{right: -20%;bottom: 50%;color: #74C5FF;}
.shape__26{right: -20%;top: 70%;color: #FFB9CA;}
.shape__27{left: -5%;top: 60%;color: #FF6D8D;}
.shape__28{left: 15%;bottom: 100%;color: #6A19F5;}
.shape__29{left: 70%;bottom: 110%;color: #5FC8D7;}
.shape__30{left: 40%;top: 100%;color: #FF6D8D;}
.shape__31{left: 0%;top: 80%;color: #F6C55A;}
.shape__31 > svg{transform: rotate(70deg);}
.shape__32{right: 100%;top: 50%;color: #5FC8D7;}
.shape__33{left: 10%;top: 5%;color: #FF6D8D;}
.shape__34{right: 5%;bottom: 100%;color: #FF6D8D;}
.shape__35{left: 95%;top: 50%;color: #80EABC;}
.shape__36{left: 90%;top: 95%;color: #FFB9CA;}
.shape__37{right: 0%;top: 5%;color: #5FC8D7;}
.shape__38{left: 25%;bottom: 0%;color: #FF6D8D;}
.shape__39{left: -5%;bottom: -5%;color: #F6C55A;}
.shape__40{left: -5%;bottom: 110%;color: #5FC8D7;}
.shape__41{left: 140%;bottom: 100%;color: #F6C55A;}
.shape__42{left: 140%;bottom: 100%;color: #6A19F5;}
.shape__42 > svg{transform: rotate(135deg);}
.shape__43{left: 110%;bottom: 5%;color: #2580C1;}
.shape__44{left: -40%;bottom: 20%;color: #6A19F5;}
.shape__45{left: -35%;bottom: 20%;color: #FF6D8D;}

.shape__46{right: 100%;top: 50%;color: #6A19F5;}
.shape__47{right: 100%;top: 5%;color: #5FC8D7;}
.shape__48{right: 5%;bottom: 100%;color: #FFB9CA;}
.shape__49{left: 95%;top: 50%;color: #6A19F5;}
.shape__50{left: 90%;top: 95%;color: #5FC8D7;}

.shape__51{left: 120%;top: 45%;color: #FFB9CA;}
.shape__52{left: 170%;bottom: 100%;color: #74C5FF;}
.shape__53{left: 215%;top: 50%;color: #FFB9CA;}
.shape__54{right: 105%;top: 95%;color: #5FC8D7;}
.shape__54 > svg{transform: rotate(45deg);}
.shape__55{right: 100%;top: 50%;color: #6A19F5;}
.shape__56{left: 0%;top: -5%;color: #F9523B;}
.shape__57{right: 5%;bottom: 100%;color: #F6C55A;}
.shape__58{left: 95%;top: 50%;color: #6A19F5;}
.shape__59{left: 90%;top: 95%;color: #F9523B;}
.shape__60{right: 25%;bottom: 105%;color: #5FC8D7;}
.shape__61{left: 90%;top: 65%;color: #FF6D8D;}

.shape__62{left: 10%;bottom: 105%;color: #FFB9CA;}
.shape__63{right: -5%;bottom: 50%;color: #74C5FF;}
.shape__64{right: -5%;top: 55%;color: #FFB9CA;}
.shape__65{left: -5%;top: 60%;color: #FF6D8D;}

.shape__66{right: 100%;top: 50%;color: #5FC8D7;}
.shape__67{left: -10%;top: -5%;color: #FF6D8D;}
.shape__68{right: 5%;bottom: 100%;color: #FF6D8D;}
.shape__69{left: 95%;top: 50%;color: #80EABC;}
.shape__70{left: 90%;top: 95%;color: #FFB9CA;}
.shape__71{left: 60%;top: 5%;color: #FFB9CA;}
.shape__72{left: 25%;top: 105%;color: #5FC8D7;}
.shape__73{left: -10%;top: 75%;color: #6A19F5;}
.shape__73 > svg{transform: rotate(20deg);}
.shape__74{right: 0%;top: 5%;color: #5FC8D7;}
.shape__75{left: 25%;bottom: 0%;color: #FF6D8D;}
.shape__76{left: 0%;bottom: 0%;color: #F6C55A;}
.shape__77{right: 100%;top: 50%;color: #6A19F5;}
.shape__78{left: 10%;top: 5%;color: #FF6D8D;}
.shape__79{right: 5%;bottom: 85%;color: #F9523B;}
.shape__80{left: 95%;top: 50%;color: #FFB9CA;}
.shape__81{left: 90%;top: 95%;color: #F6C55A;}

.shape__82{right: 105%;top: 0%;color: #5FC8D7;}
.shape__83{right: 125%;top: 20%;color: #FF6D8D;}
.shape__84{right: 110%;top: 50%;color: #2580C1;}
.shape__85{left: 105%;top: 20%;color: #F9523B;}
.shape__86{left: 125%;top: 45%;color: #6A19F5;}
.shape__87{left: 75%;top: 105%;color: #F6C55A;}
.shape__88{right: 100%;top: 50%;color: #6A19F5;}
.shape__89{left: -30%;top: 5%;color: #FF6D8D;}
.shape__90{right: 5%;bottom: 100%;color: #F9523B;}
.shape__91{left: 95%;top: 50%;color: #FFB9CA;}
.shape__92{left: 90%;top: 95%;color: #F6C55A;}
.shape__93{left: 120%;top: 45%;color: #FFB9CA;}
.shape__94{left: 170%;bottom: 100%;color: #74C5FF;}
.shape__95{left: 215%;top: 50%;color: #FFB9CA;}
.shape__96{right: 105%;top: 95%;color: #5FC8D7;}
.shape__97{left: 30%;top: -20%;color: #74C5FF;}
.shape__98{left: -100%;top: 70%;color: #5FC8D7;}
.shape__99{left: 105%;top: 5%;color: #FFB9CA;}
.shape__100{left: 105%;top: 75%;color: #F6C55A;}
.shape__101{left: 55%;top: 105%;color: #2580C1;}
.shape__102{right: 105%;top: 65%;color: #6A19F5;}
.shape__103{right: 105%;top: -5%;color: #FF6D8D;}
.shape__104{left: 100%;top: 5%;color: #6A19F5;}
.shape__105{left: 105%;top: 65%;color: #2580C1;}
.shape__106{right: 0%;bottom: 0%;color: #FF6D8D;}
.shape__107{right: 100%;top: 50%;color: #6A19F5;}
.shape__108{left: 10%;top: 5%;color: #FF6D8D;}
.shape__109{right: 5%;bottom: 100%;color: #FF6D8D;}
.shape__110{left: 95%;top: 50%;color: #FF6D8D;}
.shape__111{left: 90%;top: 95%;color: #FFB9CA;}
.shape__112{right: 100%;top: 25%;color: #6A19F5;}
.shape__113{left: 100%;top: 0%;color: #FFB9CA;}
.shape__114{ left: -19%; bottom: -50%;color: #5FC8D7;}
.shape__114 > svg{transform: rotate(15deg);}
.shape__115{left: -15%;bottom: 0%;color: #6A19F5;}
.shape__116{left: 20%;top: 105%;color: #FF6D8D;}
.shape__117{left: 10%;top: -5%;color: #6A19F5;}
.shape__118{right: 70%;top: 120%;color: #5FC8D7;}
.shape__119{right: 0%;bottom: 50%;color: #5FC8D7;}
.shape__120{left: 75%;top: 120%;color: #6A19F5;}
.shape__121{right: 100%;top: 50%;color: #5FC8D7;}
.shape__122{left: 10%;top: 5%;color: #FF6D8D;}
.shape__123{right: 5%;bottom: 100%;color: #FF6D8D;}
.shape__124{left: 95%;top: 50%;color: #80EABC;}
.shape__125{left: 90%;top: 95%;color: #FFB9CA;}
.shape__126{left: -10%;top: 50%;color: #6A19F5;}
.shape__127{left: 15%;top: -30%;color: #5FC8D7;}
.shape__128{left: 105%;top: 10%;color: #2580C1;}
.shape__129{left: 105%;top: 70%;color: #6A19F5;}
.shape__130{left: 90%;top: 105%;color: #2580C1;}
.shape__131{left: -10%;top: 50%;color: #6A19F5;}
.shape__132{left: 105%;top: 10%;color: #2580C1;}
.shape__133{left: 105%;top: 70%;color: #6A19F5;}
.shape__134{left: 90%;top: 105%;color: #2580C1;}


.shape__135{left: 120%;top: 110%;color: #F6C55A;}
.shape__136{right: 110%;top: 40%;color: #5FC8D7;}
.shape__137{right: -10%;top: -10%;color: #5FC8D7;}
.shape__138{left: -5%;top: 75%;color: #F6C55A;}
.shape__139{left: 20%;top: 100%;color: #FF6D8D;}
.shape__140{left: 110%;top: 50%;color: #2580C1;}
.shape__140 > svg{transform: rotate(20deg);}
.shape__141{left: -8%;top: 0%;color: #FF6D8D;}
.shape__142{left: 75%;top: 75%;color: #6A19F5;}
.shape__143{left: 60%;top: 95%;color: #FF6D8D;}
.shape__144{right: -10%;top: -10%;color: #5FC8D7;}
.shape__145{left: -5%;top: 75%;color: #F6C55A;}
.shape__146{left: 20%;top: 100%;color: #FF6D8D;}
.shape__147{right: 0%;top: 10%;color: #FF6D8D;}
.shape__148{left: -5%;top: 75%;color: #6A19F5;}
.shape__149{left: 20%;top: 100%;color: #5FC8D7;}
.shape__150{left: -20%;top: -20%;color: #6A19F5;}

@media screen and (max-width: 1279.98px) {
    
}

@media screen and (max-width: 1023.98px) {
    
    .shape > svg,
    .shape > img{transform: scale(.5);}
    
    .shape__31{top: 50%;}
    .shape__34{bottom: 85%;}
    .shape__48{bottom: 85%;}
    .shape__90{bottom: 85%;}
    .shape__97{top: -15%;}
    .shape__109{bottom: 85%;}
    
}