User:Jil sand Error/vector.css

body { font-family: 'Open Sans', sans-serif; background-color:#10729c; background-image: -moz-radial-gradient(50% 50%, ellipse cover, #10729c, #000030 100%); background-image: -webkit-radial-gradient(50% 50%, ellipse cover, #10729c, #000030 100%); background-image: -o-radial-gradient(50% 50%, ellipse cover, #10729c, #000030 100%); background-image: -ms-radial-gradient(50% 50%, ellipse cover, #10729c, #000030 100%); background-image: radial-gradient(50% 50%, ellipse cover, #10729c, #000030 100%); } @-webkit-keyframes moveColor { from { background-color: #43536E; } 10% {    background-color: #591553; } 20% {    background-color: #00d5d6; } 30% {      background-color: #8C0303; } @-moz-keyframes moveColor { from { background-color: #43536E; } 10% {    background-color: #591553; } 20% {    background-color: #00d5d6; } 30% {    background-color: #8C0303; } 40% {    background-color: #D6873A; } 50% {    background-color: #3D4047; } 60% {    background-color: #ffa73d; } 70% {    background-color: #0089B3; } 80% {    background-color: #9FB309; } 90% {    background-color: #3a3a3a; } 100% {    background-color: #5B4D41; } to { background-color: #43536E; } } @-ms-keyframes moveColor { from { background-color: #43536E; } 10% {    background-color: #591553; } 20% {    background-color: #00d5d6; } 30% {    background-color: #8C0303; } 40% {    background-color: #D6873A; } 50% {    background-color: #3D4047; } 60% {    background-color: #ffa73d; } 70% {    background-color: #0089B3; } 80% {    background-color: #9FB309; } 90% {    background-color: #3a3a3a; } 100% {    background-color: #5B4D41; } to { background-color: #43536E; } } @-o-keyframes moveColor { from { background-color: #43536E; } 10% {    background-color: #591553; } 20% {    background-color: #00d5d6; } 30% {    background-color: #8C0303; } 40% {    background-color: #D6873A; } 50% {    background-color: #3D4047; } 60% {    background-color: #ffa73d; } 70% {    background-color: #0089B3; } 80% {    background-color: #9FB309; } 90% {    background-color: #3a3a3a; } 100% {    background-color: #5B4D41; } to { background-color: #43536E; } } @keyframes moveColor { from { background-color: #43536E; } 10% {    background-color: #591553; } 20% {    background-color: #00d5d6; } 30% {    background-color: #8C0303; } 40% {    background-color: #D6873A; } 50% {    background-color: #3D4047; } 60% {    background-color: #ffa73d; } 70% {    background-color: #0089B3; } 80% {    background-color: #9FB309; } 90% {    background-color: #3a3a3a; } 100% {    background-color: #5B4D41; } to { background-color: #43536E; } } html { -webkit-animation: moveColor 50s ease infinite; -khtml-animation: moveColor 50s ease infinite; -moz-animation: moveColor 50s ease infinite; -ms-animation: moveColor 50s ease infinite; -o-animation: moveColor 50s ease infinite; animation: moveColor 50s ease infinite; -webkit-transition: 0.3s; -khtml-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } header { background-color: rgba(0,0,0,0.2); position: absolute; height: 40px; width: 100%; left: 0px; top: 0px; }

header h1 { text-transform: uppercase; margin-left: 20px; font-family: ASneakerScriptW01-Regular; font-size: 10rem; line-height: 0.5; filter: drop-shadow(30px 10px 30px #4444dd); color: rgb(237, 255, 0); }

body {background:#000000; height:100%; width:100%;} position: fixed; width: 200px; height: 200px; right: 20px; top: 20px; z-index: 2; }
 * {margin:0; padding:0;}
 * 1) gallery {position:relative; margin:0 auto; cursor: progress;}
 * 2) gallery img {width:100%; display:block;}
 * 3) gallery span{position:absolute; z-index:1; height:100%; width:100%; overflow:hidden; display:block; background:url(https://files.cargocollective.com/c375445/raster.png) repeat;}
 * 4) logo {

@font-face{ font-family: 'SneakerScriptW01-Regular'; src: url('WebFont.eot'); src: url('WebFont.eot?#iefix') format('embedded-opentype'), url('https://files.cargocollective.com/c375445/Sneaker-Script-W01-Regular.woff') format('woff'), url('WebFont.ttf') format('truetype'), url('WebFont.svg#webfont') format('svg'); }

@font-face { font-family: ’SneakerScriptW01-Regular’; font-weight: normal; font-style: normal; src: url('https://files.cargocollective.com/c375445/Sneaker-Script-W01-Regular.woff') format('woff'); }

body { background-color: #fff; color: #000; } body { background-color: #ffffff; background-image: linear-gradient(45deg, #3333 25%, transparent 25%, transparent 75%, #3333 75%), linear-gradient(45deg, #3333 25%, transparent 25%, transparent 75%, #3333 75%); background-size: 40px 40px; background-position: 0 0, 20px 20px; }

a:active { opacity: 0.7; }

.page a.active { opacity: .4; }

i, em { font-style: italic; }

b, strong { font-weight: bold; }

sub, sup { position: relative; vertical-align: baseline; }

sub { top: 0.3em; }

sup { top: -0.4em; }

s { text-decoration: line-through; }

img { border: 0; padding: 0; }

ul, ol { margin: 0; padding: 0 0 0 1em; }

blockquote { margin: 0; padding: 0 0 0 2em; }

hr { background: rgba(127, 127, 127, 0.2); border: 0; height: 1px; display: block; }

.content img { float: none; margin-bottom: .5em; }

.gallery_image_caption { margin-top: 1.2rem; margin-bottom: 0.5rem; font-size: 1.5rem; font-weight: 400; color: rgba(0, 0, 0, 0.35); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons/*!System*/; font-style: normal; line-height: 1.3; }

/** * Loading Animation */

.loading[data-loading] { position: fixed; bottom: 8px; left: 8px; }

/** * Editor styles */

[data-predefined-style="true"] bodycopy { font-size: 3.7rem; font-weight: 700; color: rgba(0, 0, 0, 0.85); font-family: "Big Caslon FB", Icons /*!Persona*/; font-style: italic; line-height: 1.2; }

[data-predefined-style="true"] bodycopy a { color: rgb(74, 0, 255); padding-bottom: 0.1em; border-bottom: 0.0em solid rgba(127, 127, 127, 0.2); text-decoration: none; }

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link, bodycopy a.icon-link, bodycopy a.image-link:hover, bodycopy a.icon-link:hover { border-bottom: 0; padding-bottom: 0; }

[data-predefined-style="true"] h1 { font-family: SneakerScriptW01-Regular, Icons /*!Google*/; font-style: normal; font-weight: 400; padding: 0; margin: 0; font-size: 3.4rem; line-height: 0.9; color: rgb(0, 0, 0); text-rendering: optimizeLegibility; filter: drop-shadow(30px 10px 27px #4444dd); }

[data-predefined-style="true"] h1 a { color: rgb(0, 106, 255); }

[data-predefined-style="true"] h2 { font-family: Planet, Icons /*!Persona*/; font-style: italic; font-weight: 400; padding: 0; margin: 0; color: rgb(202, 255, 0); font-size: 6rem; line-height: 1.2; text-rendering: optimizeLegibility; }

[data-predefined-style="true"] h2 a { color: rgba(0, 255, 117, 0.91); }

[data-predefined-style="true"] small { display: inline-block; font-size: 8.1rem; line-height: 0.8; font-family: "Aften Screen", Icons /*!Persona*/; font-style: italic; font-weight: 400; color: rgba(0, 0, 0, 0.35); }

[data-predefined-style="true"] small a { color: rgba(0, 0, 0, 1); border-bottom-width: 0em; }

/** * Breakpoints */

[data-css-preset] .page { background-color: initial /*!page_bgcolor*/; }

.mobile .page, [data-css-preset].mobile .page { position: relative; min-height: 10px; max-width: 100%; width: 100%; background-color: transparent /*!page_bgcolor*/; }

[data-css-preset] .container { margin-left: auto /*!content_center*/; margin-right: auto /*!content_center*/; text-align: left /*!text_left*/; }

[data-css-preset] body { background-color: transparent /*!body_bgcolor*/; }

[data-css-preset] .container_width { width: 100% /*!content_center*/; }

[data-css-preset] .content_padding { padding-top: 10rem /*!main_margin*/; padding-bottom: 10rem /*!main_margin*/; padding-left: 10rem /*!main_margin*/; padding-right: 10rem /*!main_margin*/; }

[data-css-preset] text-limit { display: inline-block /*!text_width*/; max-width: 66rem/*!text_width*/; }

/** * Thumbnails */

div[thumbnails] { justify-content: flex-start; }

[data-css-preset] .thumbnails { background-color: rgba(185, 185, 185, 0)/*!thumbnails_bgcolor*/; }

[data-css-preset] .thumbnails_width { width: 100%/*!thumbnails_width*/; }

[data-css-preset] [thumbnails-pad] { padding: 0.55rem/*!thumbnails_padding*/; }

[data-css-preset] [thumbnails-gutter] { margin: -1.1rem/*!thumbnails_padding*/; }

[data-css-preset] [responsive-layout] [thumbnails-pad] { padding: 0.1rem/*!responsive_thumbnails_padding*/; }

[data-css-preset] [responsive-layout] [thumbnails-gutter] { margin: -0.2rem/*!responsive_thumbnails_padding*/; }

.thumbnails .thumb_image { outline: 0px solid rgba(0,0,0,.12); outline-offset: -1px; }

.thumbnails .title { margin-top: 1.2rem; margin-bottom: .3rem; font-size: 1.8rem; font-weight: normal; color: rgba(0, 0, 0, 0.85); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons /*!System*/; font-style: normal; line-height: 1.1; }

.thumbnails .tags { margin-top: 1.2rem; margin-bottom: 0.5rem; font-size: 1.6rem; font-weight: 400; color: rgba(0, 0, 0, 0.35); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons /*!System*/; font-style: normal; line-height: 1.2; }

.thumbnails .tags a { border-bottom: 0; color: rgba(0, 0, 0, 0.35); text-decoration: none; }

.thumbnails .has_title .tags { margin-top: 0rem; }

/** * Site Menu */

[data-css-preset] #site_menu_button { color: rgba(0, 0, 0, 0.41); line-height: 1; font-size: 28px /*!site_menu_button*/; padding: 6px; line-height: 1; background: rgba(33, 32, 46, 0); position: fixed; right: 3rem /*!site_menu_button*/; top: 3rem /*!site_menu_button*/; }

body.mobile #site_menu_button { margin: -6px; font-size: 34px; }

width: 40px; height: auto; }
 * 1) site_menu_button.custom_icon {

display: none; }
 * 1) site_menu_button.active {

/** * Site Menu */

font-family: Michroma, Icons /*!Google*/; background: rgba(53, 53, 53, 0.44); font-size: 25px; font-style: normal; font-weight: 400; padding: 69px 5px 83px 5px; max-width: 400px; min-width: 298px; text-align: right; display: flex; justify-content: flex-start; }
 * 1) site_menu {

body.mobile #site_menu { width: 100%; }

color: rgba(244, 255, 0, 1); }
 * 1) site_menu .page-link a {

color: rgba(255, 255, 255, 0.76); font-weight: bold; }
 * 1) site_menu .set-link > a {

opacity: .7; }
 * 1) site_menu a:active {

opacity: .4; }
 * 1) site_menu a.active {

display: none; color: rgba(255, 255, 255, 0.4); line-height: .85em; font-size: 45px; }
 * 1) site_menu .close {

body.mobile #site_menu .close { display: block; font-size: 50px; line-height: 1em; }

height: 28px; }
 * 1) site_menu .break {

margin-left: 28px; }
 * 1) site_menu .indent {

/* * Shop Button */

[data-css-preset] #shop_button { color: rgba(11, 0, 255, 1); background: transparent; font-size: 72px; font-style: normal; font-weight: 400; line-height: 1; position: fixed; padding: 6px; right: 3rem /*!shop_button*/; bottom: 3rem /*!shop_button*/; }

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons /*!System*/; font-size: 2rem; padding: 0; font-weight: 400; color: rgba(0, 0, 0, 0.85); }
 * 1) shop_button.text {

width: 40px; height: auto; }
 * 1) shop_button.custom_icon {

body.mobile #shop_button:not(.text) { margin: -6px; font-size: 36px; }

/* * Shop Product Widget */

.shop_product { width: 100%; max-width: 22rem; position: relative; display: block; }

.shop_product .price { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons /*!System*/; font-size: 2rem; line-height: 1; color: rgba(0, 0, 0, 0.85); display: block; margin-bottom: 1rem; }

.shop_product .dropdown { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons /*!System*/; font-size: 1.4rem; display: inline-block; width: 100%; border: 1px solid rgba(0,0,0,.2); background: white url(http://static.cargo.site/assets/images/select-arrows.svg) no-repeat right; margin-bottom: 1rem; line-height: 1.2; padding: .7rem 1rem; }

.shop_product .button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons /*!System*/; font-size: 1.4rem; background: rgba(0, 0, 0, 0.7); color: rgba(255,255,255,1); flex: 0 0 50%; text-align: left; display: inline-block; line-height: 1; padding: .8rem 1rem .9rem; }

/* * Image Zoom */

.content img.image-zoom:active { opacity: .7; }

.image-zoom-background { background: rgba(255, 255, 255, 0.95); }

/** * Image Zoom Navigation Arrows */

.image-zoom-navigation .left-arrow, .image-zoom-navigation .right-arrow { /* Change height/width together to scale */ height: 36px; width: 36px; }

.image-zoom-navigation .left-arrow .inner-color, .image-zoom-navigation .right-arrow .inner-color { fill: #fff; }

.image-zoom-navigation .left-arrow .outer-color, .image-zoom-navigation .right-arrow .outer-color { fill: #000; opacity: 0.2; }

.image-zoom-navigation .close-button { top: 0; right: 0; bottom: 0; left: 0; /* Change height/width together to scale */ width: 36px; height: 36px; }

.image-zoom-navigation .close-button .inner-color { fill: #fff; }

.image-zoom-navigation .close-button .outer-color { fill: #000; opacity: 0.2; }

/** * Image Gallery Navigation Arrows */ .image-gallery-navigation .left-arrow, .image-gallery-navigation .right-arrow { /* Change height/width together to scale */ height: 56px; width: 56px; }

.image-gallery-navigation .left-arrow .inner-color, .image-gallery-navigation .right-arrow .inner-color { fill: #fff; }

.image-gallery-navigation .left-arrow .outer-color, .image-gallery-navigation .right-arrow .outer-color { fill: #000; opacity: 0.2; }

/** * Wallpaper Backdrop Navigation Arrows */

.wallpaper-navigation .left-arrow, .wallpaper-navigation .right-arrow { /* Change height/width together to scale */ width: 56px; height: 56px; }

.wallpaper-navigation .left-arrow .inner-color, .wallpaper-navigation .right-arrow .inner-color { fill: #fff; }

.wallpaper-navigation .left-arrow .outer-color, .wallpaper-navigation .right-arrow .outer-color { fill: #000; opacity: 0.2; }

/** * Feed */

.feed .content_container .page { border-top: 0px dashed rgba(0, 0, 0, 0.2); }

.feed .content_container .page_container:first-child .page { border-top: 0; }

/* * Audio Player */

.audio-player { max-width: 36rem; height: 3.3rem; outline: 1px solid rgba(0,0,0,0.15); color: rgba(0, 0, 0, 0.6); background: #fff; font-size: 1.2rem; line-height: 1.3; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons/*!System*/; font-style: normal; font-weight: 400; text-align: left; margin: 1px 1px 1em 1px; }

body.mobile .audio-player { max-width: 100%; }

.audio-player .separator { width: 1px; background-color: rgba(0,0,0,0.15); }

.audio-player .button { background: transparent; cursor: pointer; fill: rgba(0, 0, 0, 0.85); }

.audio-player .icon { fill: rgba(0, 0, 0, 0.85); padding: 30%; width: 100%; margin: auto; }

.audio-player .buffer { background: rgba(0,0,0,0.03); }

.audio-player .progress { background: rgba(0,0,0,0.1); }

.audio-player .progress-indicator { border: 1px solid rgba(0, 0, 0, 0.7); width: 1px; height: 100%; right: 0; position: absolute; cursor: ew-resize; }

.audio-player .note-icon { height: 100%; width: 3.8rem; padding: 1rem; fill: rgba(0, 0, 0, 0.5); }

.audio-player .current-time { padding-left: 1rem; }

.audio-player .total-time { padding-right: 1rem; }

position: absolute; top: 35px; left: 35px; z-index: 999; }
 * 1) search_form {

padding-bottom: 90px; }
 * 1) search_form_results {

.search_header { float: left; font-size: 14px; font-style: normal; font-weight: normal; margin: 0; padding: 4px 0; width: 145px; }

background: transparent; border: 1px solid #808080; color: #808080; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0; padding: 5px; width: 220px; }
 * 1) search_form #search_term {

float: left; }
 * 1) search_results {

.result { clear: both; font-size: 14px; line-height: 22px; margin-bottom: 60px; }

.search_thumb { float: left; margin: 4px 25px 35px 0px; }

.search_thumb img { width: 120px; height: auto; }

.search_text { width: 500px; margin-left: 145px; }

.search_title a { font-weight: bold; text-decoration: underline; }

.search_title a:hover { }

.search_title a:active { }

.search_tags { color: #999999; font-size: 11px; }

.search_tags a { color: #808080; text-decoration: none; }

.search_tags a:hover { background: none; color: #808080; text-decoration: underline; }

.search_tags a:active { color: #808080; } /* Function for getting colors from list if we need quantity of colors more than colors in array */ /* Function for painting matrix with box-shadow */ /* Main stuff */

.box-with-text { position: absolute; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); overflow: hidden; text-align: center; text-transform: uppercase; font: 26vmax/1 Open Sans, Impact; /* Hack to hide thin transparent lines while resize objects */ } .box-with-text:before { content: ''; display: block; position: absolute; border-radius: 50%; box-shadow: 0vmax 0vmax 10vmax 10vmax purple, 15vmax 0vmax 10vmax 10vmax violet, 30vmax 0vmax 10vmax 10vmax teal, 45vmax 0vmax 10vmax 10vmax orangered, 60vmax 0vmax 10vmax 10vmax yellow, 75vmax 0vmax 10vmax 10vmax crimson, 90vmax 0vmax 10vmax 10vmax yellowgreen, 105vmax 0vmax 10vmax 10vmax orange, 120vmax 0vmax 10vmax 10vmax darkturquoise, 135vmax 0vmax 10vmax 10vmax pink, 0vmax 15vmax 10vmax 10vmax steelblue, 15vmax 15vmax 10vmax 10vmax turquoise, 30vmax 15vmax 10vmax 10vmax coral, 45vmax 15vmax 10vmax 10vmax skyblue, 60vmax 15vmax 10vmax 10vmax darkviolet, 75vmax 15vmax 10vmax 10vmax gold, 90vmax 15vmax 10vmax 10vmax purple, 105vmax 15vmax 10vmax 10vmax violet, 120vmax 15vmax 10vmax 10vmax teal, 135vmax 15vmax 10vmax 10vmax orangered, 0vmax 30vmax 10vmax 10vmax yellow, 15vmax 30vmax 10vmax 10vmax crimson, 30vmax 30vmax 10vmax 10vmax yellowgreen, 45vmax 30vmax 10vmax 10vmax orange, 60vmax 30vmax 10vmax 10vmax darkturquoise, 75vmax 30vmax 10vmax 10vmax pink, 90vmax 30vmax 10vmax 10vmax steelblue, 105vmax 30vmax 10vmax 10vmax turquoise, 120vmax 30vmax 10vmax 10vmax coral, 135vmax 30vmax 10vmax 10vmax skyblue, 0vmax 45vmax 10vmax 10vmax darkviolet, 15vmax 45vmax 10vmax 10vmax gold, 30vmax 45vmax 10vmax 10vmax darkslateblue, 45vmax 45vmax 10vmax 10vmax purple, 60vmax 45vmax 10vmax 10vmax violet, 75vmax 45vmax 10vmax 10vmax teal, 90vmax 45vmax 10vmax 10vmax orangered, 105vmax 45vmax 10vmax 10vmax yellow, 120vmax 45vmax 10vmax 10vmax crimson, 135vmax 45vmax 10vmax 10vmax yellowgreen, 0vmax 60vmax 10vmax 10vmax orange, 15vmax 60vmax 10vmax 10vmax darkturquoise, 30vmax 60vmax 10vmax 10vmax pink, 45vmax 60vmax 10vmax 10vmax steelblue, 60vmax 60vmax 10vmax 10vmax turquoise, 75vmax 60vmax 10vmax 10vmax coral, 90vmax 60vmax 10vmax 10vmax skyblue, 105vmax 60vmax 10vmax 10vmax darkviolet, 120vmax 60vmax 10vmax 10vmax gold, 135vmax 60vmax 10vmax 10vmax darkslateblue; -webkit-animation: shadows-cells 2.5s linear infinite; animation: shadows-cells 2.5s linear infinite; } .box-with-text:after { content: ''; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; display: block; border: 4px solid black; }

.text { position: relative; display: block; background: black; color: white; mix-blend-mode: darken; }

@-webkit-keyframes shadows-cells { 25% {   box-shadow: 0vmax 0vmax 10vmax 10vmax coral, 15vmax 0vmax 10vmax 10vmax skyblue, 30vmax 0vmax 10vmax 10vmax darkviolet, 45vmax 0vmax 10vmax 10vmax gold, 60vmax 0vmax 10vmax 10vmax purple, 75vmax 0vmax 10vmax 10vmax violet, 90vmax 0vmax 10vmax 10vmax teal, 105vmax 0vmax 10vmax 10vmax orangered, 120vmax 0vmax 10vmax 10vmax yellow, 135vmax 0vmax 10vmax 10vmax crimson, 0vmax 15vmax 10vmax 10vmax yellowgreen, 15vmax 15vmax 10vmax 10vmax orange, 30vmax 15vmax 10vmax 10vmax darkturquoise, 45vmax 15vmax 10vmax 10vmax pink, 60vmax 15vmax 10vmax 10vmax steelblue, 75vmax 15vmax 10vmax 10vmax turquoise, 90vmax 15vmax 10vmax 10vmax coral, 105vmax 15vmax 10vmax 10vmax skyblue, 120vmax 15vmax 10vmax 10vmax darkviolet, 135vmax 15vmax 10vmax 10vmax gold, 0vmax 30vmax 10vmax 10vmax darkslateblue, 15vmax 30vmax 10vmax 10vmax purple, 30vmax 30vmax 10vmax 10vmax violet, 45vmax 30vmax 10vmax 10vmax teal, 60vmax 30vmax 10vmax 10vmax orangered, 75vmax 30vmax 10vmax 10vmax yellow, 90vmax 30vmax 10vmax 10vmax crimson, 105vmax 30vmax 10vmax 10vmax yellowgreen, 120vmax 30vmax 10vmax 10vmax orange, 135vmax 30vmax 10vmax 10vmax darkturquoise, 0vmax 45vmax 10vmax 10vmax pink, 15vmax 45vmax 10vmax 10vmax steelblue, 30vmax 45vmax 10vmax 10vmax turquoise, 45vmax 45vmax 10vmax 10vmax coral, 60vmax 45vmax 10vmax 10vmax skyblue, 75vmax 45vmax 10vmax 10vmax darkviolet, 90vmax 45vmax 10vmax 10vmax gold, 105vmax 45vmax 10vmax 10vmax darkslateblue, 120vmax 45vmax 10vmax 10vmax purple, 135vmax 45vmax 10vmax 10vmax violet, 0vmax 60vmax 10vmax 10vmax teal, 15vmax 60vmax 10vmax 10vmax orangered, 30vmax 60vmax 10vmax 10vmax yellow, 45vmax 60vmax 10vmax 10vmax crimson, 60vmax 60vmax 10vmax 10vmax yellowgreen, 75vmax 60vmax 10vmax 10vmax orange, 90vmax 60vmax 10vmax 10vmax darkturquoise, 105vmax 60vmax 10vmax 10vmax pink, 120vmax 60vmax 10vmax 10vmax steelblue, 135vmax 60vmax 10vmax 10vmax turquoise; } 45% {    box-shadow: 0vmax 0vmax 10vmax 10vmax yellowgreen, 15vmax 0vmax 10vmax 10vmax orange, 30vmax 0vmax 10vmax 10vmax darkturquoise, 45vmax 0vmax 10vmax 10vmax pink, 60vmax 0vmax 10vmax 10vmax steelblue, 75vmax 0vmax 10vmax 10vmax turquoise, 90vmax 0vmax 10vmax 10vmax coral, 105vmax 0vmax 10vmax 10vmax skyblue, 120vmax 0vmax 10vmax 10vmax darkviolet, 135vmax 0vmax 10vmax 10vmax gold, 0vmax 15vmax 10vmax 10vmax purple, 15vmax 15vmax 10vmax 10vmax violet, 30vmax 15vmax 10vmax 10vmax teal, 45vmax 15vmax 10vmax 10vmax orangered, 60vmax 15vmax 10vmax 10vmax yellow, 75vmax 15vmax 10vmax 10vmax crimson, 90vmax 15vmax 10vmax 10vmax yellowgreen, 105vmax 15vmax 10vmax 10vmax orange, 120vmax 15vmax 10vmax 10vmax darkturquoise, 135vmax 15vmax 10vmax 10vmax pink, 0vmax 30vmax 10vmax 10vmax steelblue, 15vmax 30vmax 10vmax 10vmax turquoise, 30vmax 30vmax 10vmax 10vmax coral, 45vmax 30vmax 10vmax 10vmax skyblue, 60vmax 30vmax 10vmax 10vmax darkviolet, 75vmax 30vmax 10vmax 10vmax gold, 90vmax 30vmax 10vmax 10vmax darkslateblue, 105vmax 30vmax 10vmax 10vmax purple, 120vmax 30vmax 10vmax 10vmax violet, 135vmax 30vmax 10vmax 10vmax teal, 0vmax 45vmax 10vmax 10vmax orangered, 15vmax 45vmax 10vmax 10vmax yellow, 30vmax 45vmax 10vmax 10vmax crimson, 45vmax 45vmax 10vmax 10vmax yellowgreen, 60vmax 45vmax 10vmax 10vmax orange, 75vmax 45vmax 10vmax 10vmax darkturquoise, 90vmax 45vmax 10vmax 10vmax pink, 105vmax 45vmax 10vmax 10vmax steelblue, 120vmax 45vmax 10vmax 10vmax turquoise, 135vmax 45vmax 10vmax 10vmax coral, 0vmax 60vmax 10vmax 10vmax skyblue, 15vmax 60vmax 10vmax 10vmax darkviolet, 30vmax 60vmax 10vmax 10vmax gold, 45vmax 60vmax 10vmax 10vmax darkslateblue, 60vmax 60vmax 10vmax 10vmax purple, 75vmax 60vmax 10vmax 10vmax violet, 90vmax 60vmax 10vmax 10vmax teal, 105vmax 60vmax 10vmax 10vmax orangered, 120vmax 60vmax 10vmax 10vmax yellow, 135vmax 60vmax 10vmax 10vmax crimson; } 75% {    box-shadow: 0vmax 0vmax 10vmax 10vmax teal, 15vmax 0vmax 10vmax 10vmax orangered, 30vmax 0vmax 10vmax 10vmax yellow, 45vmax 0vmax 10vmax 10vmax crimson, 60vmax 0vmax 10vmax 10vmax yellowgreen, 75vmax 0vmax 10vmax 10vmax orange, 90vmax 0vmax 10vmax 10vmax darkturquoise, 105vmax 0vmax 10vmax 10vmax pink, 120vmax 0vmax 10vmax 10vmax steelblue, 135vmax 0vmax 10vmax 10vmax turquoise, 0vmax 15vmax 10vmax 10vmax coral, 15vmax 15vmax 10vmax 10vmax skyblue, 30vmax 15vmax 10vmax 10vmax darkviolet, 45vmax 15vmax 10vmax 10vmax gold, 60vmax 15vmax 10vmax 10vmax darkslateblue, 75vmax 15vmax 10vmax 10vmax purple, 90vmax 15vmax 10vmax 10vmax violet, 105vmax 15vmax 10vmax 10vmax teal, 120vmax 15vmax 10vmax 10vmax orangered, 135vmax 15vmax 10vmax 10vmax yellow, 0vmax 30vmax 10vmax 10vmax crimson, 15vmax 30vmax 10vmax 10vmax yellowgreen, 30vmax 30vmax 10vmax 10vmax orange, 45vmax 30vmax 10vmax 10vmax darkturquoise, 60vmax 30vmax 10vmax 10vmax pink, 75vmax 30vmax 10vmax 10vmax steelblue, 90vmax 30vmax 10vmax 10vmax turquoise, 105vmax 30vmax 10vmax 10vmax coral, 120vmax 30vmax 10vmax 10vmax skyblue, 135vmax 30vmax 10vmax 10vmax darkviolet, 0vmax 45vmax 10vmax 10vmax gold, 15vmax 45vmax 10vmax 10vmax darkslateblue, 30vmax 45vmax 10vmax 10vmax purple, 45vmax 45vmax 10vmax 10vmax violet, 60vmax 45vmax 10vmax 10vmax teal, 75vmax 45vmax 10vmax 10vmax orangered, 90vmax 45vmax 10vmax 10vmax yellow, 105vmax 45vmax 10vmax 10vmax crimson, 120vmax 45vmax 10vmax 10vmax yellowgreen, 135vmax 45vmax 10vmax 10vmax orange, 0vmax 60vmax 10vmax 10vmax darkturquoise, 15vmax 60vmax 10vmax 10vmax pink, 30vmax 60vmax 10vmax 10vmax steelblue, 45vmax 60vmax 10vmax 10vmax turquoise, 60vmax 60vmax 10vmax 10vmax coral, 75vmax 60vmax 10vmax 10vmax skyblue, 90vmax 60vmax 10vmax 10vmax darkviolet, 105vmax 60vmax 10vmax 10vmax gold, 120vmax 60vmax 10vmax 10vmax darkslateblue, 135vmax 60vmax 10vmax 10vmax purple; } }

@keyframes shadows-cells { 25% {   box-shadow: 0vmax 0vmax 10vmax 10vmax coral, 15vmax 0vmax 10vmax 10vmax skyblue, 30vmax 0vmax 10vmax 10vmax darkviolet, 45vmax 0vmax 10vmax 10vmax gold, 60vmax 0vmax 10vmax 10vmax purple, 75vmax 0vmax 10vmax 10vmax violet, 90vmax 0vmax 10vmax 10vmax teal, 105vmax 0vmax 10vmax 10vmax orangered, 120vmax 0vmax 10vmax 10vmax yellow, 135vmax 0vmax 10vmax 10vmax crimson, 0vmax 15vmax 10vmax 10vmax yellowgreen, 15vmax 15vmax 10vmax 10vmax orange, 30vmax 15vmax 10vmax 10vmax darkturquoise, 45vmax 15vmax 10vmax 10vmax pink, 60vmax 15vmax 10vmax 10vmax steelblue, 75vmax 15vmax 10vmax 10vmax turquoise, 90vmax 15vmax 10vmax 10vmax coral, 105vmax 15vmax 10vmax 10vmax skyblue, 120vmax 15vmax 10vmax 10vmax darkviolet, 135vmax 15vmax 10vmax 10vmax gold, 0vmax 30vmax 10vmax 10vmax darkslateblue, 15vmax 30vmax 10vmax 10vmax purple, 30vmax 30vmax 10vmax 10vmax violet, 45vmax 30vmax 10vmax 10vmax teal, 60vmax 30vmax 10vmax 10vmax orangered, 75vmax 30vmax 10vmax 10vmax yellow, 90vmax 30vmax 10vmax 10vmax crimson, 105vmax 30vmax 10vmax 10vmax yellowgreen, 120vmax 30vmax 10vmax 10vmax orange, 135vmax 30vmax 10vmax 10vmax darkturquoise, 0vmax 45vmax 10vmax 10vmax pink, 15vmax 45vmax 10vmax 10vmax steelblue, 30vmax 45vmax 10vmax 10vmax turquoise, 45vmax 45vmax 10vmax 10vmax coral, 60vmax 45vmax 10vmax 10vmax skyblue, 75vmax 45vmax 10vmax 10vmax darkviolet, 90vmax 45vmax 10vmax 10vmax gold, 105vmax 45vmax 10vmax 10vmax darkslateblue, 120vmax 45vmax 10vmax 10vmax purple, 135vmax 45vmax 10vmax 10vmax violet, 0vmax 60vmax 10vmax 10vmax teal, 15vmax 60vmax 10vmax 10vmax orangered, 30vmax 60vmax 10vmax 10vmax yellow, 45vmax 60vmax 10vmax 10vmax crimson, 60vmax 60vmax 10vmax 10vmax yellowgreen, 75vmax 60vmax 10vmax 10vmax orange, 90vmax 60vmax 10vmax 10vmax darkturquoise, 105vmax 60vmax 10vmax 10vmax pink, 120vmax 60vmax 10vmax 10vmax steelblue, 135vmax 60vmax 10vmax 10vmax turquoise; } 45% {    box-shadow: 0vmax 0vmax 10vmax 10vmax yellowgreen, 15vmax 0vmax 10vmax 10vmax orange, 30vmax 0vmax 10vmax 10vmax darkturquoise, 45vmax 0vmax 10vmax 10vmax pink, 60vmax 0vmax 10vmax 10vmax steelblue, 75vmax 0vmax 10vmax 10vmax turquoise, 90vmax 0vmax 10vmax 10vmax coral, 105vmax 0vmax 10vmax 10vmax skyblue, 120vmax 0vmax 10vmax 10vmax darkviolet, 135vmax 0vmax 10vmax 10vmax gold, 0vmax 15vmax 10vmax 10vmax purple, 15vmax 15vmax 10vmax 10vmax violet, 30vmax 15vmax 10vmax 10vmax teal, 45vmax 15vmax 10vmax 10vmax orangered, 60vmax 15vmax 10vmax 10vmax yellow, 75vmax 15vmax 10vmax 10vmax crimson, 90vmax 15vmax 10vmax 10vmax yellowgreen, 105vmax 15vmax 10vmax 10vmax orange, 120vmax 15vmax 10vmax 10vmax darkturquoise, 135vmax 15vmax 10vmax 10vmax pink, 0vmax 30vmax 10vmax 10vmax steelblue, 15vmax 30vmax 10vmax 10vmax turquoise, 30vmax 30vmax 10vmax 10vmax coral, 45vmax 30vmax 10vmax 10vmax skyblue, 60vmax 30vmax 10vmax 10vmax darkviolet, 75vmax 30vmax 10vmax 10vmax gold, 90vmax 30vmax 10vmax 10vmax darkslateblue, 105vmax 30vmax 10vmax 10vmax purple, 120vmax 30vmax 10vmax 10vmax violet, 135vmax 30vmax 10vmax 10vmax teal, 0vmax 45vmax 10vmax 10vmax orangered, 15vmax 45vmax 10vmax 10vmax yellow, 30vmax 45vmax 10vmax 10vmax crimson, 45vmax 45vmax 10vmax 10vmax yellowgreen, 60vmax 45vmax 10vmax 10vmax orange, 75vmax 45vmax 10vmax 10vmax darkturquoise, 90vmax 45vmax 10vmax 10vmax pink, 105vmax 45vmax 10vmax 10vmax steelblue, 120vmax 45vmax 10vmax 10vmax turquoise, 135vmax 45vmax 10vmax 10vmax coral, 0vmax 60vmax 10vmax 10vmax skyblue, 15vmax 60vmax 10vmax 10vmax darkviolet, 30vmax 60vmax 10vmax 10vmax gold, 45vmax 60vmax 10vmax 10vmax darkslateblue, 60vmax 60vmax 10vmax 10vmax purple, 75vmax 60vmax 10vmax 10vmax violet, 90vmax 60vmax 10vmax 10vmax teal, 105vmax 60vmax 10vmax 10vmax orangered, 120vmax 60vmax 10vmax 10vmax yellow, 135vmax 60vmax 10vmax 10vmax crimson; } 75% {    box-shadow: 0vmax 0vmax 10vmax 10vmax teal, 15vmax 0vmax 10vmax 10vmax orangered, 30vmax 0vmax 10vmax 10vmax yellow, 45vmax 0vmax 10vmax 10vmax crimson, 60vmax 0vmax 10vmax 10vmax yellowgreen, 75vmax 0vmax 10vmax 10vmax orange, 90vmax 0vmax 10vmax 10vmax darkturquoise, 105vmax 0vmax 10vmax 10vmax pink, 120vmax 0vmax 10vmax 10vmax steelblue, 135vmax 0vmax 10vmax 10vmax turquoise, 0vmax 15vmax 10vmax 10vmax coral, 15vmax 15vmax 10vmax 10vmax skyblue, 30vmax 15vmax 10vmax 10vmax darkviolet, 45vmax 15vmax 10vmax 10vmax gold, 60vmax 15vmax 10vmax 10vmax darkslateblue, 75vmax 15vmax 10vmax 10vmax purple, 90vmax 15vmax 10vmax 10vmax violet, 105vmax 15vmax 10vmax 10vmax teal, 120vmax 15vmax 10vmax 10vmax orangered, 135vmax 15vmax 10vmax 10vmax yellow, 0vmax 30vmax 10vmax 10vmax crimson, 15vmax 30vmax 10vmax 10vmax yellowgreen, 30vmax 30vmax 10vmax 10vmax orange, 45vmax 30vmax 10vmax 10vmax darkturquoise, 60vmax 30vmax 10vmax 10vmax pink, 75vmax 30vmax 10vmax 10vmax steelblue, 90vmax 30vmax 10vmax 10vmax turquoise, 105vmax 30vmax 10vmax 10vmax coral, 120vmax 30vmax 10vmax 10vmax skyblue, 135vmax 30vmax 10vmax 10vmax darkviolet, 0vmax 45vmax 10vmax 10vmax gold, 15vmax 45vmax 10vmax 10vmax darkslateblue, 30vmax 45vmax 10vmax 10vmax purple, 45vmax 45vmax 10vmax 10vmax violet, 60vmax 45vmax 10vmax 10vmax teal, 75vmax 45vmax 10vmax 10vmax orangered, 90vmax 45vmax 10vmax 10vmax yellow, 105vmax 45vmax 10vmax 10vmax crimson, 120vmax 45vmax 10vmax 10vmax yellowgreen, 135vmax 45vmax 10vmax 10vmax orange, 0vmax 60vmax 10vmax 10vmax darkturquoise, 15vmax 60vmax 10vmax 10vmax pink, 30vmax 60vmax 10vmax 10vmax steelblue, 45vmax 60vmax 10vmax 10vmax turquoise, 60vmax 60vmax 10vmax 10vmax coral, 75vmax 60vmax 10vmax 10vmax skyblue, 90vmax 60vmax 10vmax 10vmax darkviolet, 105vmax 60vmax 10vmax 10vmax gold, 120vmax 60vmax 10vmax 10vmax darkslateblue, 135vmax 60vmax 10vmax 10vmax purple; } } /* Other stuff */