body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#000;overflow-y:scroll;padding:12vh 8vw}.app{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(80,80,80,.5);border:1px solid #dcdcdc;border-radius:5px;display:flex;flex-direction:column;margin:auto;max-width:90%;min-width:768px}@media screen and (min-width:1440px){.app{border-radius:7.5px;max-width:100rem}}@media screen and (min-width:2560px){.app{border-radius:10px;max-width:120rem}}@media screen and (max-width:769px){.app{max-width:90%;min-width:600px}}@media screen and (max-width:496px){body{padding:0;width:100vw}.app,body{height:100vh;overflow-x:hidden}.app{border:none;border-radius:0;margin:none;min-width:100%}}a{color:#fff;text-decoration:none}.title-headings{font-size:4rem;margin:0;text-transform:uppercase}button,input,label,li,p,select{font-family:Poppins,sans-serif;font-size:.75rem}.standard{background-color:#fff;border:2px solid #000;border-radius:5px;-webkit-filter:drop-shadow(0 0 4px hsla(0,0%,100%,.25));filter:drop-shadow(0 0 4px rgb(255,255,255,.25));height:44px;margin:0 auto;padding:0 16px!important;width:11rem}@media screen and (max-width:769px){.standard{margin:0}}.standard:hover{background-color:rgba(69,69,69,.5);border:2px solid #fff;color:#fff}.standard:active{background-color:transparent;border:2px solid #fff;color:#fff}.disabled{opacity:50%}.disabled:active,.disabled:hover{background-color:#fff;border:2px solid #000;color:#000}.secondary{background-color:transparent;border:2px solid #fff;color:#fff;padding:0 16px}.secondary:hover{background-color:#505050}.secondary:active{background-color:rgba(0,0,0,.5)}.button-small{height:32px!important;padding:0 16px;width:5rem}@media screen and (min-width:1440px){button,input,label,li,p,select{font-size:1.125rem}.standard{border:3px solid #000;border-radius:7.5px;height:66px;padding:0 24px!important;width:16.5rem}.secondary,.standard:active,.standard:hover{border:3px solid #fff}.button-small,.secondary{padding:0 24px}.button-small{height:48px!important;width:7.5rem}}@media screen and (min-width:2560px){button,input,label,li,p,select{font-size:1.5rem}.standard{border:4px solid #000;border-radius:10px;height:88px;padding:0 32px!important;width:22rem}.secondary,.standard:active,.standard:hover{border:4px solid #fff}.button-small,.secondary{padding:0 32px}.button-small{height:64px!important;width:10rem}}.menu-container{border-bottom:1px solid #dcdcdc;border-top-left-radius:5px;border-top-right-radius:5px;height:50px}.menu{display:flex;flex-direction:column;width:32rem}.menu div button{background-color:transparent;border:none;border-radius:0;color:#dcdcdc;-webkit-filter:none;filter:none;height:47px;margin:0;padding:0 16px;width:8rem}.menu button:hover{text-shadow:0 0 8px #fff}.active-bar{background-color:#fff;height:3px!important;transition:all .75s ease-out;width:8rem}@media screen and (min-width:1440px){.menu-container{border-top-left-radius:7.5px;border-top-right-radius:7.5px;height:75px}.menu{width:48rem}.menu div button{font-size:1.125rem;height:70.5px;padding:0 24px;width:12rem}.active-bar{height:4.5px!important;width:12rem}}@media screen and (min-width:2560px){.menu-container{border-top-left-radius:10px;border-top-right-radius:10px;height:100px}.menu{width:64rem}.menu div button{font-size:1.5rem;height:94px;padding:0 32px;width:16rem}.active-bar{height:6px!important;width:16rem}}@media screen and (max-width:769px){.menu{width:100%}.menu div button{line-height:1;max-height:47px;padding:0;width:25%}.active-bar{width:25%}}.mobile-menu{display:none}@media screen and (max-width:496px){.menu-container{display:none}.mobile-menu{border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column;height:auto;padding:1rem;transition:all .75s ease-out!important}.dropdown-button{align-self:flex-end;border:none;height:1rem;padding:0;width:1rem}.dropdown-button,.icon{background-color:transparent}.icon{border-radius:3px;color:#fff;font-size:1rem}.menu-buttons{align-items:end;box-sizing:border-box;display:flex;flex-direction:column;height:0;transition:all .75s ease-out}.menu-buttons-height{height:8rem;padding:1rem 0 0}.menu-button{background-color:transparent;border:none;color:#fff;height:2rem}.menu-button:hover{text-shadow:0 0 8px #fff}.active-bar{display:none}.fade-in{animation:fadeIn 2s;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-o-animation:fadeIn 2s;-ms-animation:fadeIn 2s;visibility:visible}}@media screen and (max-width:496px){@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:fadeOut .25s;-webkit-animation-fill-mode:forwards!important;animation-fill-mode:forwards!important;-webkit-animation:fadeOut .25s;-moz-animation:fadeOut .25s;-o-animation:fadeOut .25s;-ms-animation:fadeOut .25s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}}.component-container{border-bottom-left-radius:5px!important;border-bottom-right-radius:5px!important;height:auto;margin:0;width:auto}.feature{display:flex}.controls{border-right:1px solid #dcdcdc;flex-direction:column;height:auto;max-width:35%;min-width:15rem}.controls,.display{box-sizing:border-box;display:flex;padding:1rem}.display{background-color:rgba(69,69,69,.5);border-bottom-right-radius:5px!important;justify-content:center;margin:0;min-height:15rem;width:100%}@media screen and (min-width:1440px){.component-container{border-bottom-left-radius:7.5px!important;border-bottom-right-radius:7.5px!important}.controls{max-width:52.5%;min-width:22.5rem;padding:1.5rem}.display{border-bottom-right-radius:7.5px!important;min-height:22.5rem;padding:1.5rem}}@media screen and (min-width:2560px){.component-container{border-bottom-left-radius:10px!important;border-bottom-right-radius:10px!important}.controls{min-width:30rem;padding:2rem}.display{border-bottom-right-radius:10px!important;min-height:30rem;padding:2rem}}@media screen and (max-width:769px){.feature{flex-direction:column}.controls{border:none;border-bottom:1px solid #dcdcdc;display:flex;flex-direction:row;max-width:100%;padding:1rem}.display{padding:1rem;width:100%}}@media screen and (max-width:496px){.component-container,.feature{min-height:100vh}.controls{display:flex;gap:1rem;justify-content:center}.display{align-items:start;display:flex;min-height:100%}}h3{color:#fff;font-weight:400}.colors-container{align-self:start;display:flex;flex-wrap:wrap;gap:3.5%;justify-content:space-between;min-height:15rem;padding:0;row-gap:1rem;width:100%}@media screen and (min-width:1440px){.colors-container{gap:1.5rem;max-width:60rem}}@media screen and (min-width:2560px){.colors-container{gap:2rem;max-width:70rem}}@media screen and (max-width:496px){.colors-container{gap:4%;height:auto;margin:0;max-width:100%;row-gap:1rem}}.no-colors{color:#fff;margin:auto}.filler{aspect-ratio:3/4;width:31%}@media screen and (max-width:496px){.filler{aspect-ratio:3/5;width:48%}}.color-item{align-items:flex-end;aspect-ratio:3/4;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;width:31%}.color-block{border-radius:4px 4px 0 0;height:60%;width:100%}.color-info{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:5%;height:40%;justify-content:center;width:100%}.color-info,.color-info:hover{opacity:100%}.color-info span{cursor:pointer}.color-info button{width:auto}.color-value{line-height:.75rem;margin:0;text-align:center}@media screen and (min-width:1440px){.color-item button{font-size:1.125rem;padding:0 1.5rem}.color-value{font-size:1.125rem;line-height:1.25rem}}@media screen and (min-width:2560px){.color-item{border-radius:10px}.color-block{border-radius:10px 10px 0 0}.color-value{font-size:1.5rem;line-height:1.5rem}.color-item button{font-size:1.5rem;padding:0 2rem}}@media screen and (max-width:496px){.color-item{aspect-ratio:3/5;width:48%}.color-info{padding:.25rem 0}}@media screen and (max-width:376px){.color-item{aspect-ratio:1/1.5;width:48%}}.confirm-clear-all{height:auto;margin:1rem auto 0;padding:0;width:11rem}.hide-confirm{display:none}.confirm-clear-all p{color:#fff;margin:0 0 1rem}.confirm-btns{display:flex;justify-content:space-between}.confirm-btns button{margin:0}@media screen and (min-width:1440px){.confirm-clear-all{margin:1.5rem auto 0;width:16.5rem}.confirm-clear-all p{margin:0 0 1.5rem}.confirm-btns{gap:1.5rem}}@media screen and (min-width:2560px){.confirm-clear-all{margin:2rem auto 0;width:22rem}.confirm-clear-all p{margin:0 0 2rem}.confirm-btns{gap:2rem}}.copied{color:#fff;margin:10% 0 0;text-align:center}@media screen and (max-width:769px){.saved-colors .controls{align-items:center;height:auto;justify-content:space-between}.copied{margin:auto}.confirm-clear-all{display:flex;justify-content:end;margin:auto 0;width:auto}.confirm-clear-all p{margin:0;padding:0 1rem;text-align:right;width:10rem}.confirm-btns{gap:1rem;margin:auto 0}}@media screen and (max-width:426px){.confirm-clear-all{display:flex;flex-direction:column;gap:1rem;margin:0;padding:1rem 0;width:100%}.confirm-clear-all p{margin:0;padding:0;text-align:center;width:100%}.saved-colors .controls{align-items:center;flex-direction:column}.confirm-btns{justify-content:center}}.fade-copied{-webkit-animation:fade 3s;animation:fade 3s}@-webkit-keyframes fade{0%{opacity:100%}50%{opacity:100%}to{opacity:0}}@keyframes fade{0%{opacity:100%}50%{opacity:100%}to{opacity:0}}.color-picker-controls{gap:1rem}.color-picker-controls,.input-container{display:flex;flex-direction:column}.input-item{align-items:center;display:flex}.input-item label{color:#fff;width:2.5rem}.input-number{margin:0 5px;width:2.5rem}.slider{-webkit-appearance:none;appearance:none;height:5px;width:7rem}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#505050;border-radius:50%;cursor:pointer;height:15px;width:15px}.slider::-moz-range-thumb{background:#505050;border-radius:50%;cursor:pointer;height:15px;width:15px}@media screen and (min-width:1440px){.color-picker-controls{gap:1.5rem}.input-item label{width:3.75rem}.input-number{margin:0 7.5px;width:3.75rem}.slider{height:7.5px;width:10.5rem}.slider::-webkit-slider-thumb{height:22.5px;width:22.5px}.slider::-moz-range-thumb{height:22.5px;width:22.5px}}@media screen and (min-width:2560px){.color-picker-controls{gap:2rem}.input-item label{width:5rem}.input-number{margin:0 10px;width:5rem}.slider{height:10px;width:14rem}.slider::-webkit-slider-thumb{height:30px;width:30px}.slider::-moz-range-thumb{height:30px;width:30px}}@media screen and (max-width:769px){.color-picker-controls{display:grid;grid-template-columns:auto 7rem auto;padding:1rem 5%;width:100%}.input-container{align-self:center;grid-column:1/2;grid-row:1;justify-self:start}}@media screen and (max-width:496px){.color-picker-controls{gap:1rem;grid-template-columns:60% 40%;grid-template-rows:auto;padding:1rem 10%}.input-container{grid-column:1/3;height:100%;width:100%}.input-item{grid-gap:0;display:grid;gap:0;grid-template-columns:auto 3.5rem 2.5rem;width:100%}.slider{width:100%}}.hex-container{display:flex;gap:1rem;justify-content:center;width:auto}.hex-container .button-small{max-width:7rem!important;min-width:7rem!important}.hex-container input{background-color:#dcdcdc;border:none;height:32px;max-width:4rem!important;min-width:4rem!important;outline:none;padding:0 8px}.reset-save{display:flex;flex-direction:column;gap:1rem}.random-color{background-color:rgba(69,69,69,.5);border:3px solid;border-radius:50%;color:#fff;font-size:1rem;height:9rem;margin:auto;width:9rem}@media screen and (min-width:1440px){.hex-container{gap:1.5rem}.hex-container .button-small{max-width:10.5rem!important;min-width:10.5rem!important}.hex-container input{height:48px;max-width:6rem!important;min-width:6rem!important;padding:0 12px}.reset-save{gap:1.5rem}.random-color{border:4.5px solid;font-size:1.5rem;height:13.5rem;width:13.5rem}}@media screen and (min-width:2560px){.hex-container{gap:2rem}.hex-container .button-small{max-width:14rem!important;min-width:14rem!important}.hex-container input{height:64px;max-width:8rem!important;min-width:8rem!important;padding:0 16px}.reset-save{gap:2rem}.random-color{border:6px solid;font-size:2rem;height:18rem;width:18rem}}@media screen and (max-width:769px){.hex-container{align-self:center;grid-column:1/2;grid-row:2;justify-self:start}.color-picker-controls .reset-save{display:flex;flex-direction:column;grid-column:3/4;grid-row-end:span 2;grid-row-start:1;justify-content:space-around;justify-self:end}.random-color{align-self:center;grid-column:2/3;grid-row-end:span 2;grid-row-start:1;height:7rem;width:7rem}}@media screen and (max-width:496px){.hex-container{flex-direction:row;grid-column:1/3;grid-row:2;height:100%;justify-content:flex-start;width:100%}.color-picker-controls .reset-save{grid-column:1/2;grid-row:3;height:100%;width:100%}.reset-save button{width:auto}.random-color{font-size:.75rem;grid-row:3;margin:auto}}@media screen and (max-width:376px){.random-color{height:6rem;width:6rem}}.random-color:hover{background-color:rgba(0,0,0,.5)}.random-color:active{background-color:transparent}.custom-color-display{padding:0}.custom-color-block{align-items:end;border-radius:0 0 5px 0;box-sizing:border-box;display:flex;flex-grow:1;height:100%;justify-content:center;width:100%}@media screen and (min-width:1440px){.custom-color-block{border-radius:7.5px;min-height:30rem}}@media screen and (min-width:2560px){.custom-color-block{border-radius:10px;min-height:40rem}}@media screen and (max-width:769px){.custom-color-block{min-height:15rem}}@media screen and (max-width:496px){.custom-color-display{flex-direction:column}.custom-color-block,.custom-color-display{border-radius:0;flex-grow:1;height:100%;padding:0}.custom-color-block{align-items:start}}.custom-color-info{align-items:center;background-color:#fff;border-radius:0 0 5px 0;display:flex;-webkit-filter:drop-shadow(0 0 4px rgba(69,69,69,.25));filter:drop-shadow(0 0 4px rgb(69,69,69,.25));flex-direction:column;gap:.5rem;height:15%;padding:1rem;width:100%}.custom-color-info li{color:rgba(80,80,80,.5);font-size:1rem;height:1rem;line-height:1rem;list-style-type:none;margin:0}.color-code{cursor:pointer}@media screen and (min-width:1440px){.custom-color-info{gap:.75rem;padding:1.5rem 0 0}.custom-color-info p{font-size:1.5rem;height:1.5rem;line-height:1.5rem}}@media screen and (min-width:2560px){.custom-color-info{gap:1rem;padding:2rem 0 0}.custom-color-info p{font-size:2rem;height:2rem;line-height:2rem}}@media screen and (max-width:769px){.custom-color-info{border-radius:0 0 5px 5px}}@media screen and (max-width:496px){.custom-color-info{border-radius:0;margin:0}}.scheme-controls{gap:1rem}.color-scheme-container{display:flex;flex-wrap:wrap;max-width:75%}.random-scheme-color-circle{align-items:center;border-radius:50%;display:flex;height:7rem;justify-content:center;width:7rem}.scheme-color-info{align-items:center;display:flex;flex-direction:column}.scheme-color-info button{width:4rem}.scheme-color-info p{font-size:.75rem;margin:0;text-align:center}@media screen and (max-width:496px){.color-wheel-component{display:flex;flex-direction:column;height:100%}.color-wheel-display{flex-direction:column;height:100%;justify-content:start;margin:0;min-height:0;min-height:auto;overflow:hidden;padding:25% 0 0}}.controls-container{display:flex;flex-direction:column;gap:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-container{border:2px solid #000;border-radius:5px;-webkit-filter:drop-shadow(0 0 4px hsla(0,0%,100%,.25));filter:drop-shadow(0 0 4px rgb(255,255,255,.25));height:40px;margin:0 auto;width:10.75rem}.color-scheme-dropdown{border:none;border-radius:3px;border-right:8px solid transparent;height:100%;padding:0 0 0 8px;width:100%}.color-names-mobile{display:none}@media screen and (min-width:1440px){.dropdown-container{border:3px solid #000;border-radius:7.5px;height:60px;margin:0 auto 1.5rem;width:16.125rem}.color-scheme-dropdown{border-radius:4.5px;border-right:12px solid transparent;padding:0 0 0 12px}}@media screen and (min-width:2560px){.dropdown-container{border:4px solid #000;height:80px;margin:0 auto 2rem;width:21.5rem}.color-scheme-dropdown{border-radius:6px;border-right:16px solid transparent;padding:0 0 0 16px}}@media screen and (max-width:769px){.controls-container{flex-direction:row}.dropdown-container{margin:0}.color-wheel-controls{align-items:center;gap:1rem}.color-names{display:flex;flex-direction:column;height:64px;justify-content:center;margin:0}.color-name{font-size:12px;line-height:16px;margin:0}}@media screen and (max-width:496px){.dropdown-container{margin:0}.color-scheme-dropdown{height:40px}.color-wheel-controls{flex-direction:column}.controls-container{justify-content:space-between;width:100%}.color-names{flex-wrap:wrap;height:32px;justify-self:start;margin:0 4%;width:92%}.color-names-mobile{display:block;height:10rem;margin:1rem auto auto;width:80%}}.wheel-container{align-items:center;border-radius:50%;display:flex;-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.5));filter:drop-shadow(0 0 4px rgb(0,0,0,.5));height:20rem;justify-content:center;margin:auto;padding:1rem;width:auto}@media screen and (min-width:1440px){.wheel-container{height:30rem;padding:1.5rem}}@media screen and (min-width:2560px){.wheel-container{height:40rem;padding:2rem}}@media screen and (max-width:496px){.wheel-container{height:14rem;margin:0 auto;width:auto}}.circle{aspect-ratio:1/1;border-radius:50%;border-style:none;position:absolute;width:4rem}@media screen and (min-width:1440px){.circle{height:6rem;width:6rem}}@media screen and (min-width:2560px){.circle{height:8rem;width:8rem}}@media screen and (max-width:496px){.circle{height:3rem;width:3rem}}ul{color:#fff;margin:1rem auto 0;padding:0 0 0 1rem;width:10rem}li{font-size:1rem}@media screen and (min-width:1440px){ul{margin:1.5rem auto 0;padding:0 0 0 1.5rem;width:15rem}li{font-size:1.5rem!important}}@media screen and (min-width:2560px){ul{margin:2rem auto 0;padding:0 0 0 2rem;width:20rem}li{font-size:2rem!important}}.dropshadow{-webkit-animation:pulse 20s infinite;animation:pulse 20s infinite}@-webkit-keyframes pulse{0%{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px white)}60%{-webkit-filter:drop-shadow(0 0 1rem #fff);filter:drop-shadow(0 0 1rem white)}to{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px white)}}@keyframes pulse{0%{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px white)}60%{-webkit-filter:drop-shadow(0 0 1rem #fff);filter:drop-shadow(0 0 1rem white)}to{-webkit-filter:drop-shadow(0 0 5px #fff);filter:drop-shadow(0 0 5px white)}}@media screen and (min-width:2560px){@-webkit-keyframes pulse{0%{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px white)}60%{-webkit-filter:drop-shadow(0 0 2rem #fff);filter:drop-shadow(0 0 2rem white)}to{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px white)}}@keyframes pulse{0%{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px white)}60%{-webkit-filter:drop-shadow(0 0 2rem #fff);filter:drop-shadow(0 0 2rem white)}to{-webkit-filter:drop-shadow(0 0 10px #fff);filter:drop-shadow(0 0 10px white)}}}.red{background-color:#e60406;-webkit-transform:rotate(270deg) translate(9rem);transform:rotate(270deg) translate(9rem)}.red-orange{background-color:#f25206;-webkit-transform:rotate(300deg) translate(9rem);transform:rotate(300deg) translate(9rem)}.orange{background-color:#f77d00;-webkit-transform:rotate(330deg) translate(9rem);transform:rotate(330deg) translate(9rem)}.orange-yellow{background-color:#ffb200;-webkit-transform:rotate(0deg) translate(9rem);transform:rotate(0deg) translate(9rem)}.yellow{background-color:#ffe208;-webkit-transform:rotate(30deg) translate(9rem);transform:rotate(30deg) translate(9rem)}.yellow-green{background-color:#86bb09;-webkit-transform:rotate(60deg) translate(9rem);transform:rotate(60deg) translate(9rem)}.green{background-color:#1d9c1b;-webkit-transform:rotate(90deg) translate(9rem);transform:rotate(90deg) translate(9rem)}.green-blue{background-color:#007473;-webkit-transform:rotate(120deg) translate(9rem);transform:rotate(120deg) translate(9rem)}.blue{background-color:#1a51ac;-webkit-transform:rotate(150deg) translate(9rem);transform:rotate(150deg) translate(9rem)}.blue-purple{background-color:#51369f;-webkit-transform:rotate(180deg) translate(9rem);transform:rotate(180deg) translate(9rem)}.purple{background-color:#681080;-webkit-transform:rotate(210deg) translate(9rem);transform:rotate(210deg) translate(9rem)}.purple-red{background-color:#9a0058;-webkit-transform:rotate(240deg) translate(9rem);transform:rotate(240deg) translate(9rem)}@media screen and (min-width:1440px){.red{-webkit-transform:rotate(270deg) translate(13.5rem);transform:rotate(270deg) translate(13.5rem)}.red-orange{-webkit-transform:rotate(300deg) translate(13.5rem);transform:rotate(300deg) translate(13.5rem)}.orange{-webkit-transform:rotate(330deg) translate(13.5rem);transform:rotate(330deg) translate(13.5rem)}.orange-yellow{-webkit-transform:rotate(0deg) translate(13.5rem);transform:rotate(0deg) translate(13.5rem)}.yellow{-webkit-transform:rotate(30deg) translate(13.5rem);transform:rotate(30deg) translate(13.5rem)}.yellow-green{-webkit-transform:rotate(60deg) translate(13.5rem);transform:rotate(60deg) translate(13.5rem)}.green{-webkit-transform:rotate(90deg) translate(13.5rem);transform:rotate(90deg) translate(13.5rem)}.green-blue{-webkit-transform:rotate(120deg) translate(13.5rem);transform:rotate(120deg) translate(13.5rem)}.blue{-webkit-transform:rotate(150deg) translate(13.5rem);transform:rotate(150deg) translate(13.5rem)}.blue-purple{-webkit-transform:rotate(180deg) translate(13.5rem);transform:rotate(180deg) translate(13.5rem)}.purple{-webkit-transform:rotate(210deg) translate(13.5rem);transform:rotate(210deg) translate(13.5rem)}.purple-red{-webkit-transform:rotate(240deg) translate(13.5rem);transform:rotate(240deg) translate(13.5rem)}}@media screen and (min-width:2560px){.red{-webkit-transform:rotate(270deg) translate(18rem);transform:rotate(270deg) translate(18rem)}.red-orange{-webkit-transform:rotate(300deg) translate(18rem);transform:rotate(300deg) translate(18rem)}.orange{-webkit-transform:rotate(330deg) translate(18rem);transform:rotate(330deg) translate(18rem)}.orange-yellow{-webkit-transform:rotate(0deg) translate(18rem);transform:rotate(0deg) translate(18rem)}.yellow{-webkit-transform:rotate(30deg) translate(18rem);transform:rotate(30deg) translate(18rem)}.yellow-green{-webkit-transform:rotate(60deg) translate(18rem);transform:rotate(60deg) translate(18rem)}.green{-webkit-transform:rotate(90deg) translate(18rem);transform:rotate(90deg) translate(18rem)}.green-blue{-webkit-transform:rotate(120deg) translate(18rem);transform:rotate(120deg) translate(18rem)}.blue{-webkit-transform:rotate(150deg) translate(18rem);transform:rotate(150deg) translate(18rem)}.blue-purple{-webkit-transform:rotate(180deg) translate(18rem);transform:rotate(180deg) translate(18rem)}.purple{-webkit-transform:rotate(210deg) translate(18rem);transform:rotate(210deg) translate(18rem)}.purple-red{-webkit-transform:rotate(240deg) translate(18rem);transform:rotate(240deg) translate(18rem)}}@media screen and (max-width:496px){.red{-webkit-transform:rotate(270deg) translate(7rem);transform:rotate(270deg) translate(7rem)}.red-orange{-webkit-transform:rotate(300deg) translate(7rem);transform:rotate(300deg) translate(7rem)}.orange{-webkit-transform:rotate(330deg) translate(7rem);transform:rotate(330deg) translate(7rem)}.orange-yellow{-webkit-transform:rotate(0deg) translate(7rem);transform:rotate(0deg) translate(7rem)}.yellow{-webkit-transform:rotate(30deg) translate(7rem);transform:rotate(30deg) translate(7rem)}.yellow-green{-webkit-transform:rotate(60deg) translate(7rem);transform:rotate(60deg) translate(7rem)}.green{-webkit-transform:rotate(90deg) translate(7rem);transform:rotate(90deg) translate(7rem)}.green-blue{-webkit-transform:rotate(120deg) translate(7rem);transform:rotate(120deg) translate(7rem)}.blue{-webkit-transform:rotate(150deg) translate(7rem);transform:rotate(150deg) translate(7rem)}.blue-purple{-webkit-transform:rotate(180deg) translate(7rem);transform:rotate(180deg) translate(7rem)}.purple{-webkit-transform:rotate(210deg) translate(7rem);transform:rotate(210deg) translate(7rem)}.purple-red{-webkit-transform:rotate(240deg) translate(7rem);transform:rotate(240deg) translate(7rem)}}
/*# sourceMappingURL=main.9ebf343d.css.map*/