Stripe-a-gradient Sass function

Developer

Size

11,192 Kb

Views

26,312

Stripe-a-gradient Sass function Previews
Stripe-a-gradient Sass function HTML Codes
Stripe-a-gradient Sass function CSS Codes

How do I make an stripe-a-gradient sass function?

A demo for my last CSS-Tricks article: http://css-tricks.com/striped-background-gradients/. What is a stripe-a-gradient sass function? How do you make a stripe-a-gradient sass function? This script and codes were developed by Hugo Giraudel on 30 August 2022, Tuesday.

Stripe-a-gradient Sass function Previews

Stripe-a-gradient Sass function - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Stripe-a-gradient Sass function</title> <script src="http://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(http://fonts.googleapis.com/css?family=Days+One);
html, body { height: 100%;
}
body { background: #33363b; display: table; width: 100%;
}
body:before { content: ''; position: absolute; left: 0; right: 0; top: 0; border-top: 5em solid #25272a; height: .5em; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iMi4xMjc2NiUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9IjIuMTI3NjYlIiBzdG9wLWNvbG9yPSIjNjZjOWVlIi8+PHN0b3Agb2Zmc2V0PSI0LjI1NTMyJSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iNC4yNTUzMiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjYuMzgyOTglIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI2LjM4Mjk4JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOC41MTA2NCUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjguNTEwNjQlIiBzdG9wLWNvbG9yPSIjZDI0ZDMzIi8+PHN0b3Agb2Zmc2V0PSIxMC42MzgzJSIgc3RvcC1jb2xvcj0iI2QyNGQzMyIvPjxzdG9wIG9mZnNldD0iMTAuNjM4MyUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9IjEyLjc2NTk2JSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iMTIuNzY1OTYlIiBzdG9wLWNvbG9yPSIjMmU3N2JiIi8+PHN0b3Agb2Zmc2V0PSIxNC44OTM2MiUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9IjE0Ljg5MzYyJSIgc3RvcC1jb2xvcj0iIzZiZDViMSIvPjxzdG9wIG9mZnNldD0iMTcuMDIxMjglIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSIxNy4wMjEyOCUiIHN0b3AtY29sb3I9IiNmODdhYTAiLz48c3RvcCBvZmZzZXQ9IjE5LjE0ODk0JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iMTkuMTQ4OTQlIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSIyMS4yNzY2JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iMjEuMjc2NiUiIHN0b3AtY29sb3I9IiM3MjY2NGUiLz48c3RvcCBvZmZzZXQ9IjIzLjQwNDI2JSIgc3RvcC1jb2xvcj0iIzcyNjY0ZSIvPjxzdG9wIG9mZnNldD0iMjMuNDA0MjYlIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSIyNS41MzE5MSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjI1LjUzMTkxJSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iMjcuNjU5NTclIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSIyNy42NTk1NyUiIHN0b3AtY29sb3I9IiNkZjYyMGUiLz48c3RvcCBvZmZzZXQ9IjI5Ljc4NzIzJSIgc3RvcC1jb2xvcj0iI2RmNjIwZSIvPjxzdG9wIG9mZnNldD0iMjkuNzg3MjMlIiBzdG9wLWNvbG9yPSIjOTkzODM4Ii8+PHN0b3Agb2Zmc2V0PSIzMS45MTQ4OSUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjMxLjkxNDg5JSIgc3RvcC1jb2xvcj0iI2ZmOTYwMCIvPjxzdG9wIG9mZnNldD0iMzQuMDQyNTUlIiBzdG9wLWNvbG9yPSIjZmY5NjAwIi8+PHN0b3Agb2Zmc2V0PSIzNC4wNDI1NSUiIHN0b3AtY29sb3I9IiNkMjRkMzMiLz48c3RvcCBvZmZzZXQ9IjM2LjE3MDIxJSIgc3RvcC1jb2xvcj0iI2QyNGQzMyIvPjxzdG9wIG9mZnNldD0iMzYuMTcwMjElIiBzdG9wLWNvbG9yPSIjODk2MGE3Ii8+PHN0b3Agb2Zmc2V0PSIzOC4yOTc4NyUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjM4LjI5Nzg3JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iNDAuNDI1NTMlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI0MC40MjU1MyUiIHN0b3AtY29sb3I9IiNmODdhYTAiLz48c3RvcCBvZmZzZXQ9IjQyLjU1MzE5JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iNDIuNTUzMTklIiBzdG9wLWNvbG9yPSIjZDQzZjNmIi8+PHN0b3Agb2Zmc2V0PSI0NC42ODA4NSUiIHN0b3AtY29sb3I9IiNkNDNmM2YiLz48c3RvcCBvZmZzZXQ9IjQ0LjY4MDg1JSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNDYuODA4NTElIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI0Ni44MDg1MSUiIHN0b3AtY29sb3I9IiNmZjk2MDAiLz48c3RvcCBvZmZzZXQ9IjQ4LjkzNjE3JSIgc3RvcC1jb2xvcj0iI2ZmOTYwMCIvPjxzdG9wIG9mZnNldD0iNDguOTM2MTclIiBzdG9wLWNvbG9yPSIjODk2MGE3Ii8+PHN0b3Agb2Zmc2V0PSI1MS4wNjM4MyUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjUxLjA2MzgzJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iNTMuMTkxNDklIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI1My4xOTE0OSUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjU1LjMxOTE1JSIgc3RvcC1jb2xvcj0iIzk5MzgzOCIvPjxzdG9wIG9mZnNldD0iNTUuMzE5MTUlIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI1Ny40NDY4MSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjU3LjQ0NjgxJSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNTkuNTc0NDclIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI1OS41NzQ0NyUiIHN0b3AtY29sb3I9IiNmNGNjMTMiLz48c3RvcCBvZmZzZXQ9IjYxLjcwMjEzJSIgc3RvcC1jb2xvcj0iI2Y0Y2MxMyIvPjxzdG9wIG9mZnNldD0iNjEuNzAyMTMlIiBzdG9wLWNvbG9yPSIjNzI2NjRlIi8+PHN0b3Agb2Zmc2V0PSI2My44Mjk3OSUiIHN0b3AtY29sb3I9IiM3MjY2NGUiLz48c3RvcCBvZmZzZXQ9IjYzLjgyOTc5JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iNjUuOTU3NDUlIiBzdG9wLWNvbG9yPSIjZmE5MzAwIi8+PHN0b3Agb2Zmc2V0PSI2NS45NTc0NSUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9IjY4LjA4NTExJSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iNjguMDg1MTElIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI3MC4yMTI3NyUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjcwLjIxMjc3JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iNzIuMzQwNDMlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI3Mi4zNDA0MyUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijc0LjQ2ODA5JSIgc3RvcC1jb2xvcj0iI2NjZDYwMCIvPjxzdG9wIG9mZnNldD0iNzQuNDY4MDklIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI3Ni41OTU3NCUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9Ijc2LjU5NTc0JSIgc3RvcC1jb2xvcj0iIzJlNzdiYiIvPjxzdG9wIG9mZnNldD0iNzguNzIzNCUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9Ijc4LjcyMzQlIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSI4MC44NTEwNiUiIHN0b3AtY29sb3I9IiM2YmQ1YjEiLz48c3RvcCBvZmZzZXQ9IjgwLjg1MTA2JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iODIuOTc4NzIlIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSI4Mi45Nzg3MiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9Ijg1LjEwNjM4JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iODUuMTA2MzglIiBzdG9wLWNvbG9yPSIjZmE5MzAwIi8+PHN0b3Agb2Zmc2V0PSI4Ny4yMzQwNCUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9Ijg3LjIzNDA0JSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iODkuMzYxNyUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9Ijg5LjM2MTclIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI5MS40ODkzNiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjkxLjQ4OTM2JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOTMuNjE3MDIlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI5My42MTcwMiUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijk1Ljc0NDY4JSIgc3RvcC1jb2xvcj0iI2NjZDYwMCIvPjxzdG9wIG9mZnNldD0iOTUuNzQ0NjglIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI5Ny44NzIzNCUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9Ijk3Ljg3MjM0JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa9300), color-stop(2.12766%, #fa9300), color-stop(2.12766%, #66c9ee), color-stop(4.25532%, #66c9ee), color-stop(4.25532%, #c9c9c9), color-stop(6.38298%, #c9c9c9), color-stop(6.38298%, #82b964), color-stop(8.51064%, #82b964), color-stop(8.51064%, #d24d33), color-stop(10.6383%, #d24d33), color-stop(10.6383%, #fffbdb), color-stop(12.76596%, #fffbdb), color-stop(12.76596%, #2e77bb), color-stop(14.89362%, #2e77bb), color-stop(14.89362%, #6bd5b1), color-stop(17.02128%, #6bd5b1), color-stop(17.02128%, #f87aa0), color-stop(19.14894%, #f87aa0), color-stop(19.14894%, #c9c9c9), color-stop(21.2766%, #c9c9c9), color-stop(21.2766%, #72664e), color-stop(23.40426%, #72664e), color-stop(23.40426%, #ccd600), color-stop(25.53191%, #ccd600), color-stop(25.53191%, #fffbdb), color-stop(27.65957%, #fffbdb), color-stop(27.65957%, #df620e), color-stop(29.78723%, #df620e), color-stop(29.78723%, #993838), color-stop(31.91489%, #993838), color-stop(31.91489%, #ff9600), color-stop(34.04255%, #ff9600), color-stop(34.04255%, #d24d33), color-stop(36.17021%, #d24d33), color-stop(36.17021%, #8960a7), color-stop(38.29787%, #8960a7), color-stop(38.29787%, #82b964), color-stop(40.42553%, #82b964), color-stop(40.42553%, #f87aa0), color-stop(42.55319%, #f87aa0), color-stop(42.55319%, #d43f3f), color-stop(44.68085%, #d43f3f), color-stop(44.68085%, #668000), color-stop(46.80851%, #668000), color-stop(46.80851%, #ff9600), color-stop(48.93617%, #ff9600), color-stop(48.93617%, #8960a7), color-stop(51.06383%, #8960a7), color-stop(51.06383%, #c9c9c9), color-stop(53.19149%, #c9c9c9), color-stop(53.19149%, #993838), color-stop(55.31915%, #993838), color-stop(55.31915%, #ccd600), color-stop(57.44681%, #ccd600), color-stop(57.44681%, #668000), color-stop(59.57447%, #668000), color-stop(59.57447%, #f4cc13), color-stop(61.70213%, #f4cc13), color-stop(61.70213%, #72664e), color-stop(63.82979%, #72664e), color-stop(63.82979%, #fa9300), color-stop(65.95745%, #fa9300), color-stop(65.95745%, #66c9ee), color-stop(68.08511%, #66c9ee), color-stop(68.08511%, #c9c9c9), color-stop(70.21277%, #c9c9c9), color-stop(70.21277%, #82b964), color-stop(72.34043%, #82b964), color-stop(72.34043%, #ccd600), color-stop(74.46809%, #ccd600), color-stop(74.46809%, #fffbdb), color-stop(76.59574%, #fffbdb), color-stop(76.59574%, #2e77bb), color-stop(78.7234%, #2e77bb), color-stop(78.7234%, #6bd5b1), color-stop(80.85106%, #6bd5b1), color-stop(80.85106%, #f87aa0), color-stop(82.97872%, #f87aa0), color-stop(82.97872%, #c9c9c9), color-stop(85.10638%, #c9c9c9), color-stop(85.10638%, #fa9300), color-stop(87.23404%, #fa9300), color-stop(87.23404%, #66c9ee), color-stop(89.3617%, #66c9ee), color-stop(89.3617%, #c9c9c9), color-stop(91.48936%, #c9c9c9), color-stop(91.48936%, #82b964), color-stop(93.61702%, #82b964), color-stop(93.61702%, #ccd600), color-stop(95.74468%, #ccd600), color-stop(95.74468%, #fffbdb), color-stop(97.87234%, #fffbdb), color-stop(97.87234%, #fa9300), color-stop(100%, #fa9300)); background-image: -moz-linear-gradient(left, #fa9300 0%, #fa9300 2.12766%, #66c9ee 2.12766%, #66c9ee 4.25532%, #c9c9c9 4.25532%, #c9c9c9 6.38298%, #82b964 6.38298%, #82b964 8.51064%, #d24d33 8.51064%, #d24d33 10.6383%, #fffbdb 10.6383%, #fffbdb 12.76596%, #2e77bb 12.76596%, #2e77bb 14.89362%, #6bd5b1 14.89362%, #6bd5b1 17.02128%, #f87aa0 17.02128%, #f87aa0 19.14894%, #c9c9c9 19.14894%, #c9c9c9 21.2766%, #72664e 21.2766%, #72664e 23.40426%, #ccd600 23.40426%, #ccd600 25.53191%, #fffbdb 25.53191%, #fffbdb 27.65957%, #df620e 27.65957%, #df620e 29.78723%, #993838 29.78723%, #993838 31.91489%, #ff9600 31.91489%, #ff9600 34.04255%, #d24d33 34.04255%, #d24d33 36.17021%, #8960a7 36.17021%, #8960a7 38.29787%, #82b964 38.29787%, #82b964 40.42553%, #f87aa0 40.42553%, #f87aa0 42.55319%, #d43f3f 42.55319%, #d43f3f 44.68085%, #668000 44.68085%, #668000 46.80851%, #ff9600 46.80851%, #ff9600 48.93617%, #8960a7 48.93617%, #8960a7 51.06383%, #c9c9c9 51.06383%, #c9c9c9 53.19149%, #993838 53.19149%, #993838 55.31915%, #ccd600 55.31915%, #ccd600 57.44681%, #668000 57.44681%, #668000 59.57447%, #f4cc13 59.57447%, #f4cc13 61.70213%, #72664e 61.70213%, #72664e 63.82979%, #fa9300 63.82979%, #fa9300 65.95745%, #66c9ee 65.95745%, #66c9ee 68.08511%, #c9c9c9 68.08511%, #c9c9c9 70.21277%, #82b964 70.21277%, #82b964 72.34043%, #ccd600 72.34043%, #ccd600 74.46809%, #fffbdb 74.46809%, #fffbdb 76.59574%, #2e77bb 76.59574%, #2e77bb 78.7234%, #6bd5b1 78.7234%, #6bd5b1 80.85106%, #f87aa0 80.85106%, #f87aa0 82.97872%, #c9c9c9 82.97872%, #c9c9c9 85.10638%, #fa9300 85.10638%, #fa9300 87.23404%, #66c9ee 87.23404%, #66c9ee 89.3617%, #c9c9c9 89.3617%, #c9c9c9 91.48936%, #82b964 91.48936%, #82b964 93.61702%, #ccd600 93.61702%, #ccd600 95.74468%, #fffbdb 95.74468%, #fffbdb 97.87234%, #fa9300 97.87234%, #fa9300 100%); background-image: -webkit-linear-gradient(left, #fa9300 0%, #fa9300 2.12766%, #66c9ee 2.12766%, #66c9ee 4.25532%, #c9c9c9 4.25532%, #c9c9c9 6.38298%, #82b964 6.38298%, #82b964 8.51064%, #d24d33 8.51064%, #d24d33 10.6383%, #fffbdb 10.6383%, #fffbdb 12.76596%, #2e77bb 12.76596%, #2e77bb 14.89362%, #6bd5b1 14.89362%, #6bd5b1 17.02128%, #f87aa0 17.02128%, #f87aa0 19.14894%, #c9c9c9 19.14894%, #c9c9c9 21.2766%, #72664e 21.2766%, #72664e 23.40426%, #ccd600 23.40426%, #ccd600 25.53191%, #fffbdb 25.53191%, #fffbdb 27.65957%, #df620e 27.65957%, #df620e 29.78723%, #993838 29.78723%, #993838 31.91489%, #ff9600 31.91489%, #ff9600 34.04255%, #d24d33 34.04255%, #d24d33 36.17021%, #8960a7 36.17021%, #8960a7 38.29787%, #82b964 38.29787%, #82b964 40.42553%, #f87aa0 40.42553%, #f87aa0 42.55319%, #d43f3f 42.55319%, #d43f3f 44.68085%, #668000 44.68085%, #668000 46.80851%, #ff9600 46.80851%, #ff9600 48.93617%, #8960a7 48.93617%, #8960a7 51.06383%, #c9c9c9 51.06383%, #c9c9c9 53.19149%, #993838 53.19149%, #993838 55.31915%, #ccd600 55.31915%, #ccd600 57.44681%, #668000 57.44681%, #668000 59.57447%, #f4cc13 59.57447%, #f4cc13 61.70213%, #72664e 61.70213%, #72664e 63.82979%, #fa9300 63.82979%, #fa9300 65.95745%, #66c9ee 65.95745%, #66c9ee 68.08511%, #c9c9c9 68.08511%, #c9c9c9 70.21277%, #82b964 70.21277%, #82b964 72.34043%, #ccd600 72.34043%, #ccd600 74.46809%, #fffbdb 74.46809%, #fffbdb 76.59574%, #2e77bb 76.59574%, #2e77bb 78.7234%, #6bd5b1 78.7234%, #6bd5b1 80.85106%, #f87aa0 80.85106%, #f87aa0 82.97872%, #c9c9c9 82.97872%, #c9c9c9 85.10638%, #fa9300 85.10638%, #fa9300 87.23404%, #66c9ee 87.23404%, #66c9ee 89.3617%, #c9c9c9 89.3617%, #c9c9c9 91.48936%, #82b964 91.48936%, #82b964 93.61702%, #ccd600 93.61702%, #ccd600 95.74468%, #fffbdb 95.74468%, #fffbdb 97.87234%, #fa9300 97.87234%, #fa9300 100%); background-image: linear-gradient(to right, #fa9300 0%, #fa9300 2.12766%, #66c9ee 2.12766%, #66c9ee 4.25532%, #c9c9c9 4.25532%, #c9c9c9 6.38298%, #82b964 6.38298%, #82b964 8.51064%, #d24d33 8.51064%, #d24d33 10.6383%, #fffbdb 10.6383%, #fffbdb 12.76596%, #2e77bb 12.76596%, #2e77bb 14.89362%, #6bd5b1 14.89362%, #6bd5b1 17.02128%, #f87aa0 17.02128%, #f87aa0 19.14894%, #c9c9c9 19.14894%, #c9c9c9 21.2766%, #72664e 21.2766%, #72664e 23.40426%, #ccd600 23.40426%, #ccd600 25.53191%, #fffbdb 25.53191%, #fffbdb 27.65957%, #df620e 27.65957%, #df620e 29.78723%, #993838 29.78723%, #993838 31.91489%, #ff9600 31.91489%, #ff9600 34.04255%, #d24d33 34.04255%, #d24d33 36.17021%, #8960a7 36.17021%, #8960a7 38.29787%, #82b964 38.29787%, #82b964 40.42553%, #f87aa0 40.42553%, #f87aa0 42.55319%, #d43f3f 42.55319%, #d43f3f 44.68085%, #668000 44.68085%, #668000 46.80851%, #ff9600 46.80851%, #ff9600 48.93617%, #8960a7 48.93617%, #8960a7 51.06383%, #c9c9c9 51.06383%, #c9c9c9 53.19149%, #993838 53.19149%, #993838 55.31915%, #ccd600 55.31915%, #ccd600 57.44681%, #668000 57.44681%, #668000 59.57447%, #f4cc13 59.57447%, #f4cc13 61.70213%, #72664e 61.70213%, #72664e 63.82979%, #fa9300 63.82979%, #fa9300 65.95745%, #66c9ee 65.95745%, #66c9ee 68.08511%, #c9c9c9 68.08511%, #c9c9c9 70.21277%, #82b964 70.21277%, #82b964 72.34043%, #ccd600 72.34043%, #ccd600 74.46809%, #fffbdb 74.46809%, #fffbdb 76.59574%, #2e77bb 76.59574%, #2e77bb 78.7234%, #6bd5b1 78.7234%, #6bd5b1 80.85106%, #f87aa0 80.85106%, #f87aa0 82.97872%, #c9c9c9 82.97872%, #c9c9c9 85.10638%, #fa9300 85.10638%, #fa9300 87.23404%, #66c9ee 87.23404%, #66c9ee 89.3617%, #c9c9c9 89.3617%, #c9c9c9 91.48936%, #82b964 91.48936%, #82b964 93.61702%, #ccd600 93.61702%, #ccd600 95.74468%, #fffbdb 95.74468%, #fffbdb 97.87234%, #fa9300 97.87234%, #fa9300 100%);
}
body:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 5em solid #25272a; height: .5em; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyLjYxJSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iMi42MSUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9IjQuMzUlIiBzdG9wLWNvbG9yPSIjNjZjOWVlIi8+PHN0b3Agb2Zmc2V0PSI0LjM1JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iNi45NiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjYuOTYlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI5LjEzJSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOS4xMyUiIHN0b3AtY29sb3I9IiNkMjRkMzMiLz48c3RvcCBvZmZzZXQ9IjExLjMlIiBzdG9wLWNvbG9yPSIjZDI0ZDMzIi8+PHN0b3Agb2Zmc2V0PSIxMS4zJSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iMTMuOTElIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSIxMy45MSUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9IjE2LjUyJSIgc3RvcC1jb2xvcj0iIzJlNzdiYiIvPjxzdG9wIG9mZnNldD0iMTYuNTIlIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSIxNy44MiUiIHN0b3AtY29sb3I9IiM2YmQ1YjEiLz48c3RvcCBvZmZzZXQ9IjE3LjgyJSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iMTkuMTIlIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSIxOS4xMiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjIxLjI5JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iMjEuMjklIiBzdG9wLWNvbG9yPSIjNzI2NjRlIi8+PHN0b3Agb2Zmc2V0PSIyMy45JSIgc3RvcC1jb2xvcj0iIzcyNjY0ZSIvPjxzdG9wIG9mZnNldD0iMjMuOSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjI2LjA3JSIgc3RvcC1jb2xvcj0iI2NjZDYwMCIvPjxzdG9wIG9mZnNldD0iMjYuMDclIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSIyOC42OCUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9IjI4LjY4JSIgc3RvcC1jb2xvcj0iI2RmNjIwZSIvPjxzdG9wIG9mZnNldD0iMzEuMjklIiBzdG9wLWNvbG9yPSIjZGY2MjBlIi8+PHN0b3Agb2Zmc2V0PSIzMS4yOSUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjMzLjAzJSIgc3RvcC1jb2xvcj0iIzk5MzgzOCIvPjxzdG9wIG9mZnNldD0iMzMuMDMlIiBzdG9wLWNvbG9yPSIjZmY5NjAwIi8+PHN0b3Agb2Zmc2V0PSIzNC4zMyUiIHN0b3AtY29sb3I9IiNmZjk2MDAiLz48c3RvcCBvZmZzZXQ9IjM0LjMzJSIgc3RvcC1jb2xvcj0iI2QyNGQzMyIvPjxzdG9wIG9mZnNldD0iMzYuOTQlIiBzdG9wLWNvbG9yPSIjZDI0ZDMzIi8+PHN0b3Agb2Zmc2V0PSIzNi45NCUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjM5LjU1JSIgc3RvcC1jb2xvcj0iIzg5NjBhNyIvPjxzdG9wIG9mZnNldD0iMzkuNTUlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI0Mi4xNiUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjQyLjE2JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iNDMuMzYlIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSI0My4zNiUiIHN0b3AtY29sb3I9IiNkNDNmM2YiLz48c3RvcCBvZmZzZXQ9IjQ1LjYzJSIgc3RvcC1jb2xvcj0iI2Q0M2YzZiIvPjxzdG9wIG9mZnNldD0iNDUuNjMlIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI0Ny44JSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNDcuOCUiIHN0b3AtY29sb3I9IiNmZjk2MDAiLz48c3RvcCBvZmZzZXQ9IjUwLjQxJSIgc3RvcC1jb2xvcj0iI2ZmOTYwMCIvPjxzdG9wIG9mZnNldD0iNTAuNDElIiBzdG9wLWNvbG9yPSIjODk2MGE3Ii8+PHN0b3Agb2Zmc2V0PSI1MS43MSUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjUxLjcxJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iNTMuODglIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI1My44OCUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjU1LjE4JSIgc3RvcC1jb2xvcj0iIzk5MzgzOCIvPjxzdG9wIG9mZnNldD0iNTUuMTglIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI1Ny43OSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjU3Ljc5JSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNTkuNTMlIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI1OS41MyUiIHN0b3AtY29sb3I9IiNmNGNjMTMiLz48c3RvcCBvZmZzZXQ9IjYwLjgzJSIgc3RvcC1jb2xvcj0iI2Y0Y2MxMyIvPjxzdG9wIG9mZnNldD0iNjAuODMlIiBzdG9wLWNvbG9yPSIjNzI2NjRlIi8+PHN0b3Agb2Zmc2V0PSI2My40NCUiIHN0b3AtY29sb3I9IiM3MjY2NGUiLz48c3RvcCBvZmZzZXQ9IjYzLjQ0JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iNjYuMDUlIiBzdG9wLWNvbG9yPSIjZmE5MzAwIi8+PHN0b3Agb2Zmc2V0PSI2Ni4wNSUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9IjY3LjM1JSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iNjcuMzUlIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI2OS45NiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjY5Ljk2JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iNzEuNyUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjcxLjclIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI3NC4zMSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijc0LjMxJSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iNzYuOTIlIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI3Ni45MiUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9Ijc5LjUzJSIgc3RvcC1jb2xvcj0iIzJlNzdiYiIvPjxzdG9wIG9mZnNldD0iNzkuNTMlIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSI4MC40JSIgc3RvcC1jb2xvcj0iIzZiZDViMSIvPjxzdG9wIG9mZnNldD0iODAuNCUiIHN0b3AtY29sb3I9IiNmODdhYTAiLz48c3RvcCBvZmZzZXQ9IjgxLjclIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSI4MS43JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iODMuODclIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI4My44NyUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9Ijg2LjA0JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iODYuMDQlIiBzdG9wLWNvbG9yPSIjNjZjOWVlIi8+PHN0b3Agb2Zmc2V0PSI4Ny43OCUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9Ijg3Ljc4JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iOTAuMzklIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI5MC4zOSUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjkyLjU2JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOTIuNTYlIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI5NS4xNyUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijk1LjE3JSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iOTcuMzQlIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI5Ny4zNCUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(2.61%, #fa9300), color-stop(2.61%, #66c9ee), color-stop(4.35%, #66c9ee), color-stop(4.35%, #c9c9c9), color-stop(6.96%, #c9c9c9), color-stop(6.96%, #82b964), color-stop(9.13%, #82b964), color-stop(9.13%, #d24d33), color-stop(11.3%, #d24d33), color-stop(11.3%, #fffbdb), color-stop(13.91%, #fffbdb), color-stop(13.91%, #2e77bb), color-stop(16.52%, #2e77bb), color-stop(16.52%, #6bd5b1), color-stop(17.82%, #6bd5b1), color-stop(17.82%, #f87aa0), color-stop(19.12%, #f87aa0), color-stop(19.12%, #c9c9c9), color-stop(21.29%, #c9c9c9), color-stop(21.29%, #72664e), color-stop(23.9%, #72664e), color-stop(23.9%, #ccd600), color-stop(26.07%, #ccd600), color-stop(26.07%, #fffbdb), color-stop(28.68%, #fffbdb), color-stop(28.68%, #df620e), color-stop(31.29%, #df620e), color-stop(31.29%, #993838), color-stop(33.03%, #993838), color-stop(33.03%, #ff9600), color-stop(34.33%, #ff9600), color-stop(34.33%, #d24d33), color-stop(36.94%, #d24d33), color-stop(36.94%, #8960a7), color-stop(39.55%, #8960a7), color-stop(39.55%, #82b964), color-stop(42.16%, #82b964), color-stop(42.16%, #f87aa0), color-stop(43.36%, #f87aa0), color-stop(43.36%, #d43f3f), color-stop(45.63%, #d43f3f), color-stop(45.63%, #668000), color-stop(47.8%, #668000), color-stop(47.8%, #ff9600), color-stop(50.41%, #ff9600), color-stop(50.41%, #8960a7), color-stop(51.71%, #8960a7), color-stop(51.71%, #c9c9c9), color-stop(53.88%, #c9c9c9), color-stop(53.88%, #993838), color-stop(55.18%, #993838), color-stop(55.18%, #ccd600), color-stop(57.79%, #ccd600), color-stop(57.79%, #668000), color-stop(59.53%, #668000), color-stop(59.53%, #f4cc13), color-stop(60.83%, #f4cc13), color-stop(60.83%, #72664e), color-stop(63.44%, #72664e), color-stop(63.44%, #fa9300), color-stop(66.05%, #fa9300), color-stop(66.05%, #66c9ee), color-stop(67.35%, #66c9ee), color-stop(67.35%, #c9c9c9), color-stop(69.96%, #c9c9c9), color-stop(69.96%, #82b964), color-stop(71.7%, #82b964), color-stop(71.7%, #ccd600), color-stop(74.31%, #ccd600), color-stop(74.31%, #fffbdb), color-stop(76.92%, #fffbdb), color-stop(76.92%, #2e77bb), color-stop(79.53%, #2e77bb), color-stop(79.53%, #6bd5b1), color-stop(80.4%, #6bd5b1), color-stop(80.4%, #f87aa0), color-stop(81.7%, #f87aa0), color-stop(81.7%, #c9c9c9), color-stop(83.87%, #c9c9c9), color-stop(83.87%, #fa9300), color-stop(86.04%, #fa9300), color-stop(86.04%, #66c9ee), color-stop(87.78%, #66c9ee), color-stop(87.78%, #c9c9c9), color-stop(90.39%, #c9c9c9), color-stop(90.39%, #82b964), color-stop(92.56%, #82b964), color-stop(92.56%, #ccd600), color-stop(95.17%, #ccd600), color-stop(95.17%, #fffbdb), color-stop(97.34%, #fffbdb), color-stop(97.34%, #fa9300), color-stop(100%, #fa9300)); background-image: -moz-linear-gradient(left, #fa9300 2.61%, #66c9ee 2.61%, #66c9ee 4.35%, #c9c9c9 4.35%, #c9c9c9 6.96%, #82b964 6.96%, #82b964 9.13%, #d24d33 9.13%, #d24d33 11.3%, #fffbdb 11.3%, #fffbdb 13.91%, #2e77bb 13.91%, #2e77bb 16.52%, #6bd5b1 16.52%, #6bd5b1 17.82%, #f87aa0 17.82%, #f87aa0 19.12%, #c9c9c9 19.12%, #c9c9c9 21.29%, #72664e 21.29%, #72664e 23.9%, #ccd600 23.9%, #ccd600 26.07%, #fffbdb 26.07%, #fffbdb 28.68%, #df620e 28.68%, #df620e 31.29%, #993838 31.29%, #993838 33.03%, #ff9600 33.03%, #ff9600 34.33%, #d24d33 34.33%, #d24d33 36.94%, #8960a7 36.94%, #8960a7 39.55%, #82b964 39.55%, #82b964 42.16%, #f87aa0 42.16%, #f87aa0 43.36%, #d43f3f 43.36%, #d43f3f 45.63%, #668000 45.63%, #668000 47.8%, #ff9600 47.8%, #ff9600 50.41%, #8960a7 50.41%, #8960a7 51.71%, #c9c9c9 51.71%, #c9c9c9 53.88%, #993838 53.88%, #993838 55.18%, #ccd600 55.18%, #ccd600 57.79%, #668000 57.79%, #668000 59.53%, #f4cc13 59.53%, #f4cc13 60.83%, #72664e 60.83%, #72664e 63.44%, #fa9300 63.44%, #fa9300 66.05%, #66c9ee 66.05%, #66c9ee 67.35%, #c9c9c9 67.35%, #c9c9c9 69.96%, #82b964 69.96%, #82b964 71.7%, #ccd600 71.7%, #ccd600 74.31%, #fffbdb 74.31%, #fffbdb 76.92%, #2e77bb 76.92%, #2e77bb 79.53%, #6bd5b1 79.53%, #6bd5b1 80.4%, #f87aa0 80.4%, #f87aa0 81.7%, #c9c9c9 81.7%, #c9c9c9 83.87%, #fa9300 83.87%, #fa9300 86.04%, #66c9ee 86.04%, #66c9ee 87.78%, #c9c9c9 87.78%, #c9c9c9 90.39%, #82b964 90.39%, #82b964 92.56%, #ccd600 92.56%, #ccd600 95.17%, #fffbdb 95.17%, #fffbdb 97.34%, #fa9300 97.34%, #fa9300 100%); background-image: -webkit-linear-gradient(left, #fa9300 2.61%, #66c9ee 2.61%, #66c9ee 4.35%, #c9c9c9 4.35%, #c9c9c9 6.96%, #82b964 6.96%, #82b964 9.13%, #d24d33 9.13%, #d24d33 11.3%, #fffbdb 11.3%, #fffbdb 13.91%, #2e77bb 13.91%, #2e77bb 16.52%, #6bd5b1 16.52%, #6bd5b1 17.82%, #f87aa0 17.82%, #f87aa0 19.12%, #c9c9c9 19.12%, #c9c9c9 21.29%, #72664e 21.29%, #72664e 23.9%, #ccd600 23.9%, #ccd600 26.07%, #fffbdb 26.07%, #fffbdb 28.68%, #df620e 28.68%, #df620e 31.29%, #993838 31.29%, #993838 33.03%, #ff9600 33.03%, #ff9600 34.33%, #d24d33 34.33%, #d24d33 36.94%, #8960a7 36.94%, #8960a7 39.55%, #82b964 39.55%, #82b964 42.16%, #f87aa0 42.16%, #f87aa0 43.36%, #d43f3f 43.36%, #d43f3f 45.63%, #668000 45.63%, #668000 47.8%, #ff9600 47.8%, #ff9600 50.41%, #8960a7 50.41%, #8960a7 51.71%, #c9c9c9 51.71%, #c9c9c9 53.88%, #993838 53.88%, #993838 55.18%, #ccd600 55.18%, #ccd600 57.79%, #668000 57.79%, #668000 59.53%, #f4cc13 59.53%, #f4cc13 60.83%, #72664e 60.83%, #72664e 63.44%, #fa9300 63.44%, #fa9300 66.05%, #66c9ee 66.05%, #66c9ee 67.35%, #c9c9c9 67.35%, #c9c9c9 69.96%, #82b964 69.96%, #82b964 71.7%, #ccd600 71.7%, #ccd600 74.31%, #fffbdb 74.31%, #fffbdb 76.92%, #2e77bb 76.92%, #2e77bb 79.53%, #6bd5b1 79.53%, #6bd5b1 80.4%, #f87aa0 80.4%, #f87aa0 81.7%, #c9c9c9 81.7%, #c9c9c9 83.87%, #fa9300 83.87%, #fa9300 86.04%, #66c9ee 86.04%, #66c9ee 87.78%, #c9c9c9 87.78%, #c9c9c9 90.39%, #82b964 90.39%, #82b964 92.56%, #ccd600 92.56%, #ccd600 95.17%, #fffbdb 95.17%, #fffbdb 97.34%, #fa9300 97.34%, #fa9300 100%); background-image: linear-gradient(to right, #fa9300 2.61%, #66c9ee 2.61%, #66c9ee 4.35%, #c9c9c9 4.35%, #c9c9c9 6.96%, #82b964 6.96%, #82b964 9.13%, #d24d33 9.13%, #d24d33 11.3%, #fffbdb 11.3%, #fffbdb 13.91%, #2e77bb 13.91%, #2e77bb 16.52%, #6bd5b1 16.52%, #6bd5b1 17.82%, #f87aa0 17.82%, #f87aa0 19.12%, #c9c9c9 19.12%, #c9c9c9 21.29%, #72664e 21.29%, #72664e 23.9%, #ccd600 23.9%, #ccd600 26.07%, #fffbdb 26.07%, #fffbdb 28.68%, #df620e 28.68%, #df620e 31.29%, #993838 31.29%, #993838 33.03%, #ff9600 33.03%, #ff9600 34.33%, #d24d33 34.33%, #d24d33 36.94%, #8960a7 36.94%, #8960a7 39.55%, #82b964 39.55%, #82b964 42.16%, #f87aa0 42.16%, #f87aa0 43.36%, #d43f3f 43.36%, #d43f3f 45.63%, #668000 45.63%, #668000 47.8%, #ff9600 47.8%, #ff9600 50.41%, #8960a7 50.41%, #8960a7 51.71%, #c9c9c9 51.71%, #c9c9c9 53.88%, #993838 53.88%, #993838 55.18%, #ccd600 55.18%, #ccd600 57.79%, #668000 57.79%, #668000 59.53%, #f4cc13 59.53%, #f4cc13 60.83%, #72664e 60.83%, #72664e 63.44%, #fa9300 63.44%, #fa9300 66.05%, #66c9ee 66.05%, #66c9ee 67.35%, #c9c9c9 67.35%, #c9c9c9 69.96%, #82b964 69.96%, #82b964 71.7%, #ccd600 71.7%, #ccd600 74.31%, #fffbdb 74.31%, #fffbdb 76.92%, #2e77bb 76.92%, #2e77bb 79.53%, #6bd5b1 79.53%, #6bd5b1 80.4%, #f87aa0 80.4%, #f87aa0 81.7%, #c9c9c9 81.7%, #c9c9c9 83.87%, #fa9300 83.87%, #fa9300 86.04%, #66c9ee 86.04%, #66c9ee 87.78%, #c9c9c9 87.78%, #c9c9c9 90.39%, #82b964 90.39%, #82b964 92.56%, #ccd600 92.56%, #ccd600 95.17%, #fffbdb 95.17%, #fffbdb 97.34%, #fa9300 97.34%, #fa9300 100%);
}
h1 { display: table-cell; text-align: center; font-family: 'Days One', sans-serif; vertical-align: middle; color: white; font-size: 5em;
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <h1>Treehouse</h1> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Stripe-a-gradient Sass function - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Days+One);
html, body { height: 100%;
}
body { background: #33363b; display: table; width: 100%;
}
body:before { content: ''; position: absolute; left: 0; right: 0; top: 0; border-top: 5em solid #25272a; height: .5em; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iMi4xMjc2NiUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9IjIuMTI3NjYlIiBzdG9wLWNvbG9yPSIjNjZjOWVlIi8+PHN0b3Agb2Zmc2V0PSI0LjI1NTMyJSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iNC4yNTUzMiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjYuMzgyOTglIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI2LjM4Mjk4JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOC41MTA2NCUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjguNTEwNjQlIiBzdG9wLWNvbG9yPSIjZDI0ZDMzIi8+PHN0b3Agb2Zmc2V0PSIxMC42MzgzJSIgc3RvcC1jb2xvcj0iI2QyNGQzMyIvPjxzdG9wIG9mZnNldD0iMTAuNjM4MyUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9IjEyLjc2NTk2JSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iMTIuNzY1OTYlIiBzdG9wLWNvbG9yPSIjMmU3N2JiIi8+PHN0b3Agb2Zmc2V0PSIxNC44OTM2MiUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9IjE0Ljg5MzYyJSIgc3RvcC1jb2xvcj0iIzZiZDViMSIvPjxzdG9wIG9mZnNldD0iMTcuMDIxMjglIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSIxNy4wMjEyOCUiIHN0b3AtY29sb3I9IiNmODdhYTAiLz48c3RvcCBvZmZzZXQ9IjE5LjE0ODk0JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iMTkuMTQ4OTQlIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSIyMS4yNzY2JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iMjEuMjc2NiUiIHN0b3AtY29sb3I9IiM3MjY2NGUiLz48c3RvcCBvZmZzZXQ9IjIzLjQwNDI2JSIgc3RvcC1jb2xvcj0iIzcyNjY0ZSIvPjxzdG9wIG9mZnNldD0iMjMuNDA0MjYlIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSIyNS41MzE5MSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjI1LjUzMTkxJSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iMjcuNjU5NTclIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSIyNy42NTk1NyUiIHN0b3AtY29sb3I9IiNkZjYyMGUiLz48c3RvcCBvZmZzZXQ9IjI5Ljc4NzIzJSIgc3RvcC1jb2xvcj0iI2RmNjIwZSIvPjxzdG9wIG9mZnNldD0iMjkuNzg3MjMlIiBzdG9wLWNvbG9yPSIjOTkzODM4Ii8+PHN0b3Agb2Zmc2V0PSIzMS45MTQ4OSUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjMxLjkxNDg5JSIgc3RvcC1jb2xvcj0iI2ZmOTYwMCIvPjxzdG9wIG9mZnNldD0iMzQuMDQyNTUlIiBzdG9wLWNvbG9yPSIjZmY5NjAwIi8+PHN0b3Agb2Zmc2V0PSIzNC4wNDI1NSUiIHN0b3AtY29sb3I9IiNkMjRkMzMiLz48c3RvcCBvZmZzZXQ9IjM2LjE3MDIxJSIgc3RvcC1jb2xvcj0iI2QyNGQzMyIvPjxzdG9wIG9mZnNldD0iMzYuMTcwMjElIiBzdG9wLWNvbG9yPSIjODk2MGE3Ii8+PHN0b3Agb2Zmc2V0PSIzOC4yOTc4NyUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjM4LjI5Nzg3JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iNDAuNDI1NTMlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI0MC40MjU1MyUiIHN0b3AtY29sb3I9IiNmODdhYTAiLz48c3RvcCBvZmZzZXQ9IjQyLjU1MzE5JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iNDIuNTUzMTklIiBzdG9wLWNvbG9yPSIjZDQzZjNmIi8+PHN0b3Agb2Zmc2V0PSI0NC42ODA4NSUiIHN0b3AtY29sb3I9IiNkNDNmM2YiLz48c3RvcCBvZmZzZXQ9IjQ0LjY4MDg1JSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNDYuODA4NTElIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI0Ni44MDg1MSUiIHN0b3AtY29sb3I9IiNmZjk2MDAiLz48c3RvcCBvZmZzZXQ9IjQ4LjkzNjE3JSIgc3RvcC1jb2xvcj0iI2ZmOTYwMCIvPjxzdG9wIG9mZnNldD0iNDguOTM2MTclIiBzdG9wLWNvbG9yPSIjODk2MGE3Ii8+PHN0b3Agb2Zmc2V0PSI1MS4wNjM4MyUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjUxLjA2MzgzJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iNTMuMTkxNDklIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI1My4xOTE0OSUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjU1LjMxOTE1JSIgc3RvcC1jb2xvcj0iIzk5MzgzOCIvPjxzdG9wIG9mZnNldD0iNTUuMzE5MTUlIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI1Ny40NDY4MSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjU3LjQ0NjgxJSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNTkuNTc0NDclIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI1OS41NzQ0NyUiIHN0b3AtY29sb3I9IiNmNGNjMTMiLz48c3RvcCBvZmZzZXQ9IjYxLjcwMjEzJSIgc3RvcC1jb2xvcj0iI2Y0Y2MxMyIvPjxzdG9wIG9mZnNldD0iNjEuNzAyMTMlIiBzdG9wLWNvbG9yPSIjNzI2NjRlIi8+PHN0b3Agb2Zmc2V0PSI2My44Mjk3OSUiIHN0b3AtY29sb3I9IiM3MjY2NGUiLz48c3RvcCBvZmZzZXQ9IjYzLjgyOTc5JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iNjUuOTU3NDUlIiBzdG9wLWNvbG9yPSIjZmE5MzAwIi8+PHN0b3Agb2Zmc2V0PSI2NS45NTc0NSUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9IjY4LjA4NTExJSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iNjguMDg1MTElIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI3MC4yMTI3NyUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjcwLjIxMjc3JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iNzIuMzQwNDMlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI3Mi4zNDA0MyUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijc0LjQ2ODA5JSIgc3RvcC1jb2xvcj0iI2NjZDYwMCIvPjxzdG9wIG9mZnNldD0iNzQuNDY4MDklIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI3Ni41OTU3NCUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9Ijc2LjU5NTc0JSIgc3RvcC1jb2xvcj0iIzJlNzdiYiIvPjxzdG9wIG9mZnNldD0iNzguNzIzNCUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9Ijc4LjcyMzQlIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSI4MC44NTEwNiUiIHN0b3AtY29sb3I9IiM2YmQ1YjEiLz48c3RvcCBvZmZzZXQ9IjgwLjg1MTA2JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iODIuOTc4NzIlIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSI4Mi45Nzg3MiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9Ijg1LjEwNjM4JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iODUuMTA2MzglIiBzdG9wLWNvbG9yPSIjZmE5MzAwIi8+PHN0b3Agb2Zmc2V0PSI4Ny4yMzQwNCUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9Ijg3LjIzNDA0JSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iODkuMzYxNyUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9Ijg5LjM2MTclIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI5MS40ODkzNiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjkxLjQ4OTM2JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOTMuNjE3MDIlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI5My42MTcwMiUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijk1Ljc0NDY4JSIgc3RvcC1jb2xvcj0iI2NjZDYwMCIvPjxzdG9wIG9mZnNldD0iOTUuNzQ0NjglIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI5Ny44NzIzNCUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9Ijk3Ljg3MjM0JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa9300), color-stop(2.12766%, #fa9300), color-stop(2.12766%, #66c9ee), color-stop(4.25532%, #66c9ee), color-stop(4.25532%, #c9c9c9), color-stop(6.38298%, #c9c9c9), color-stop(6.38298%, #82b964), color-stop(8.51064%, #82b964), color-stop(8.51064%, #d24d33), color-stop(10.6383%, #d24d33), color-stop(10.6383%, #fffbdb), color-stop(12.76596%, #fffbdb), color-stop(12.76596%, #2e77bb), color-stop(14.89362%, #2e77bb), color-stop(14.89362%, #6bd5b1), color-stop(17.02128%, #6bd5b1), color-stop(17.02128%, #f87aa0), color-stop(19.14894%, #f87aa0), color-stop(19.14894%, #c9c9c9), color-stop(21.2766%, #c9c9c9), color-stop(21.2766%, #72664e), color-stop(23.40426%, #72664e), color-stop(23.40426%, #ccd600), color-stop(25.53191%, #ccd600), color-stop(25.53191%, #fffbdb), color-stop(27.65957%, #fffbdb), color-stop(27.65957%, #df620e), color-stop(29.78723%, #df620e), color-stop(29.78723%, #993838), color-stop(31.91489%, #993838), color-stop(31.91489%, #ff9600), color-stop(34.04255%, #ff9600), color-stop(34.04255%, #d24d33), color-stop(36.17021%, #d24d33), color-stop(36.17021%, #8960a7), color-stop(38.29787%, #8960a7), color-stop(38.29787%, #82b964), color-stop(40.42553%, #82b964), color-stop(40.42553%, #f87aa0), color-stop(42.55319%, #f87aa0), color-stop(42.55319%, #d43f3f), color-stop(44.68085%, #d43f3f), color-stop(44.68085%, #668000), color-stop(46.80851%, #668000), color-stop(46.80851%, #ff9600), color-stop(48.93617%, #ff9600), color-stop(48.93617%, #8960a7), color-stop(51.06383%, #8960a7), color-stop(51.06383%, #c9c9c9), color-stop(53.19149%, #c9c9c9), color-stop(53.19149%, #993838), color-stop(55.31915%, #993838), color-stop(55.31915%, #ccd600), color-stop(57.44681%, #ccd600), color-stop(57.44681%, #668000), color-stop(59.57447%, #668000), color-stop(59.57447%, #f4cc13), color-stop(61.70213%, #f4cc13), color-stop(61.70213%, #72664e), color-stop(63.82979%, #72664e), color-stop(63.82979%, #fa9300), color-stop(65.95745%, #fa9300), color-stop(65.95745%, #66c9ee), color-stop(68.08511%, #66c9ee), color-stop(68.08511%, #c9c9c9), color-stop(70.21277%, #c9c9c9), color-stop(70.21277%, #82b964), color-stop(72.34043%, #82b964), color-stop(72.34043%, #ccd600), color-stop(74.46809%, #ccd600), color-stop(74.46809%, #fffbdb), color-stop(76.59574%, #fffbdb), color-stop(76.59574%, #2e77bb), color-stop(78.7234%, #2e77bb), color-stop(78.7234%, #6bd5b1), color-stop(80.85106%, #6bd5b1), color-stop(80.85106%, #f87aa0), color-stop(82.97872%, #f87aa0), color-stop(82.97872%, #c9c9c9), color-stop(85.10638%, #c9c9c9), color-stop(85.10638%, #fa9300), color-stop(87.23404%, #fa9300), color-stop(87.23404%, #66c9ee), color-stop(89.3617%, #66c9ee), color-stop(89.3617%, #c9c9c9), color-stop(91.48936%, #c9c9c9), color-stop(91.48936%, #82b964), color-stop(93.61702%, #82b964), color-stop(93.61702%, #ccd600), color-stop(95.74468%, #ccd600), color-stop(95.74468%, #fffbdb), color-stop(97.87234%, #fffbdb), color-stop(97.87234%, #fa9300), color-stop(100%, #fa9300)); background-image: -moz-linear-gradient(left, #fa9300 0%, #fa9300 2.12766%, #66c9ee 2.12766%, #66c9ee 4.25532%, #c9c9c9 4.25532%, #c9c9c9 6.38298%, #82b964 6.38298%, #82b964 8.51064%, #d24d33 8.51064%, #d24d33 10.6383%, #fffbdb 10.6383%, #fffbdb 12.76596%, #2e77bb 12.76596%, #2e77bb 14.89362%, #6bd5b1 14.89362%, #6bd5b1 17.02128%, #f87aa0 17.02128%, #f87aa0 19.14894%, #c9c9c9 19.14894%, #c9c9c9 21.2766%, #72664e 21.2766%, #72664e 23.40426%, #ccd600 23.40426%, #ccd600 25.53191%, #fffbdb 25.53191%, #fffbdb 27.65957%, #df620e 27.65957%, #df620e 29.78723%, #993838 29.78723%, #993838 31.91489%, #ff9600 31.91489%, #ff9600 34.04255%, #d24d33 34.04255%, #d24d33 36.17021%, #8960a7 36.17021%, #8960a7 38.29787%, #82b964 38.29787%, #82b964 40.42553%, #f87aa0 40.42553%, #f87aa0 42.55319%, #d43f3f 42.55319%, #d43f3f 44.68085%, #668000 44.68085%, #668000 46.80851%, #ff9600 46.80851%, #ff9600 48.93617%, #8960a7 48.93617%, #8960a7 51.06383%, #c9c9c9 51.06383%, #c9c9c9 53.19149%, #993838 53.19149%, #993838 55.31915%, #ccd600 55.31915%, #ccd600 57.44681%, #668000 57.44681%, #668000 59.57447%, #f4cc13 59.57447%, #f4cc13 61.70213%, #72664e 61.70213%, #72664e 63.82979%, #fa9300 63.82979%, #fa9300 65.95745%, #66c9ee 65.95745%, #66c9ee 68.08511%, #c9c9c9 68.08511%, #c9c9c9 70.21277%, #82b964 70.21277%, #82b964 72.34043%, #ccd600 72.34043%, #ccd600 74.46809%, #fffbdb 74.46809%, #fffbdb 76.59574%, #2e77bb 76.59574%, #2e77bb 78.7234%, #6bd5b1 78.7234%, #6bd5b1 80.85106%, #f87aa0 80.85106%, #f87aa0 82.97872%, #c9c9c9 82.97872%, #c9c9c9 85.10638%, #fa9300 85.10638%, #fa9300 87.23404%, #66c9ee 87.23404%, #66c9ee 89.3617%, #c9c9c9 89.3617%, #c9c9c9 91.48936%, #82b964 91.48936%, #82b964 93.61702%, #ccd600 93.61702%, #ccd600 95.74468%, #fffbdb 95.74468%, #fffbdb 97.87234%, #fa9300 97.87234%, #fa9300 100%); background-image: -webkit-linear-gradient(left, #fa9300 0%, #fa9300 2.12766%, #66c9ee 2.12766%, #66c9ee 4.25532%, #c9c9c9 4.25532%, #c9c9c9 6.38298%, #82b964 6.38298%, #82b964 8.51064%, #d24d33 8.51064%, #d24d33 10.6383%, #fffbdb 10.6383%, #fffbdb 12.76596%, #2e77bb 12.76596%, #2e77bb 14.89362%, #6bd5b1 14.89362%, #6bd5b1 17.02128%, #f87aa0 17.02128%, #f87aa0 19.14894%, #c9c9c9 19.14894%, #c9c9c9 21.2766%, #72664e 21.2766%, #72664e 23.40426%, #ccd600 23.40426%, #ccd600 25.53191%, #fffbdb 25.53191%, #fffbdb 27.65957%, #df620e 27.65957%, #df620e 29.78723%, #993838 29.78723%, #993838 31.91489%, #ff9600 31.91489%, #ff9600 34.04255%, #d24d33 34.04255%, #d24d33 36.17021%, #8960a7 36.17021%, #8960a7 38.29787%, #82b964 38.29787%, #82b964 40.42553%, #f87aa0 40.42553%, #f87aa0 42.55319%, #d43f3f 42.55319%, #d43f3f 44.68085%, #668000 44.68085%, #668000 46.80851%, #ff9600 46.80851%, #ff9600 48.93617%, #8960a7 48.93617%, #8960a7 51.06383%, #c9c9c9 51.06383%, #c9c9c9 53.19149%, #993838 53.19149%, #993838 55.31915%, #ccd600 55.31915%, #ccd600 57.44681%, #668000 57.44681%, #668000 59.57447%, #f4cc13 59.57447%, #f4cc13 61.70213%, #72664e 61.70213%, #72664e 63.82979%, #fa9300 63.82979%, #fa9300 65.95745%, #66c9ee 65.95745%, #66c9ee 68.08511%, #c9c9c9 68.08511%, #c9c9c9 70.21277%, #82b964 70.21277%, #82b964 72.34043%, #ccd600 72.34043%, #ccd600 74.46809%, #fffbdb 74.46809%, #fffbdb 76.59574%, #2e77bb 76.59574%, #2e77bb 78.7234%, #6bd5b1 78.7234%, #6bd5b1 80.85106%, #f87aa0 80.85106%, #f87aa0 82.97872%, #c9c9c9 82.97872%, #c9c9c9 85.10638%, #fa9300 85.10638%, #fa9300 87.23404%, #66c9ee 87.23404%, #66c9ee 89.3617%, #c9c9c9 89.3617%, #c9c9c9 91.48936%, #82b964 91.48936%, #82b964 93.61702%, #ccd600 93.61702%, #ccd600 95.74468%, #fffbdb 95.74468%, #fffbdb 97.87234%, #fa9300 97.87234%, #fa9300 100%); background-image: linear-gradient(to right, #fa9300 0%, #fa9300 2.12766%, #66c9ee 2.12766%, #66c9ee 4.25532%, #c9c9c9 4.25532%, #c9c9c9 6.38298%, #82b964 6.38298%, #82b964 8.51064%, #d24d33 8.51064%, #d24d33 10.6383%, #fffbdb 10.6383%, #fffbdb 12.76596%, #2e77bb 12.76596%, #2e77bb 14.89362%, #6bd5b1 14.89362%, #6bd5b1 17.02128%, #f87aa0 17.02128%, #f87aa0 19.14894%, #c9c9c9 19.14894%, #c9c9c9 21.2766%, #72664e 21.2766%, #72664e 23.40426%, #ccd600 23.40426%, #ccd600 25.53191%, #fffbdb 25.53191%, #fffbdb 27.65957%, #df620e 27.65957%, #df620e 29.78723%, #993838 29.78723%, #993838 31.91489%, #ff9600 31.91489%, #ff9600 34.04255%, #d24d33 34.04255%, #d24d33 36.17021%, #8960a7 36.17021%, #8960a7 38.29787%, #82b964 38.29787%, #82b964 40.42553%, #f87aa0 40.42553%, #f87aa0 42.55319%, #d43f3f 42.55319%, #d43f3f 44.68085%, #668000 44.68085%, #668000 46.80851%, #ff9600 46.80851%, #ff9600 48.93617%, #8960a7 48.93617%, #8960a7 51.06383%, #c9c9c9 51.06383%, #c9c9c9 53.19149%, #993838 53.19149%, #993838 55.31915%, #ccd600 55.31915%, #ccd600 57.44681%, #668000 57.44681%, #668000 59.57447%, #f4cc13 59.57447%, #f4cc13 61.70213%, #72664e 61.70213%, #72664e 63.82979%, #fa9300 63.82979%, #fa9300 65.95745%, #66c9ee 65.95745%, #66c9ee 68.08511%, #c9c9c9 68.08511%, #c9c9c9 70.21277%, #82b964 70.21277%, #82b964 72.34043%, #ccd600 72.34043%, #ccd600 74.46809%, #fffbdb 74.46809%, #fffbdb 76.59574%, #2e77bb 76.59574%, #2e77bb 78.7234%, #6bd5b1 78.7234%, #6bd5b1 80.85106%, #f87aa0 80.85106%, #f87aa0 82.97872%, #c9c9c9 82.97872%, #c9c9c9 85.10638%, #fa9300 85.10638%, #fa9300 87.23404%, #66c9ee 87.23404%, #66c9ee 89.3617%, #c9c9c9 89.3617%, #c9c9c9 91.48936%, #82b964 91.48936%, #82b964 93.61702%, #ccd600 93.61702%, #ccd600 95.74468%, #fffbdb 95.74468%, #fffbdb 97.87234%, #fa9300 97.87234%, #fa9300 100%);
}
body:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: 5em solid #25272a; height: .5em; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIyLjYxJSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iMi42MSUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9IjQuMzUlIiBzdG9wLWNvbG9yPSIjNjZjOWVlIi8+PHN0b3Agb2Zmc2V0PSI0LjM1JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iNi45NiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjYuOTYlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI5LjEzJSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOS4xMyUiIHN0b3AtY29sb3I9IiNkMjRkMzMiLz48c3RvcCBvZmZzZXQ9IjExLjMlIiBzdG9wLWNvbG9yPSIjZDI0ZDMzIi8+PHN0b3Agb2Zmc2V0PSIxMS4zJSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iMTMuOTElIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSIxMy45MSUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9IjE2LjUyJSIgc3RvcC1jb2xvcj0iIzJlNzdiYiIvPjxzdG9wIG9mZnNldD0iMTYuNTIlIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSIxNy44MiUiIHN0b3AtY29sb3I9IiM2YmQ1YjEiLz48c3RvcCBvZmZzZXQ9IjE3LjgyJSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iMTkuMTIlIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSIxOS4xMiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjIxLjI5JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iMjEuMjklIiBzdG9wLWNvbG9yPSIjNzI2NjRlIi8+PHN0b3Agb2Zmc2V0PSIyMy45JSIgc3RvcC1jb2xvcj0iIzcyNjY0ZSIvPjxzdG9wIG9mZnNldD0iMjMuOSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjI2LjA3JSIgc3RvcC1jb2xvcj0iI2NjZDYwMCIvPjxzdG9wIG9mZnNldD0iMjYuMDclIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSIyOC42OCUiIHN0b3AtY29sb3I9IiNmZmZiZGIiLz48c3RvcCBvZmZzZXQ9IjI4LjY4JSIgc3RvcC1jb2xvcj0iI2RmNjIwZSIvPjxzdG9wIG9mZnNldD0iMzEuMjklIiBzdG9wLWNvbG9yPSIjZGY2MjBlIi8+PHN0b3Agb2Zmc2V0PSIzMS4yOSUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjMzLjAzJSIgc3RvcC1jb2xvcj0iIzk5MzgzOCIvPjxzdG9wIG9mZnNldD0iMzMuMDMlIiBzdG9wLWNvbG9yPSIjZmY5NjAwIi8+PHN0b3Agb2Zmc2V0PSIzNC4zMyUiIHN0b3AtY29sb3I9IiNmZjk2MDAiLz48c3RvcCBvZmZzZXQ9IjM0LjMzJSIgc3RvcC1jb2xvcj0iI2QyNGQzMyIvPjxzdG9wIG9mZnNldD0iMzYuOTQlIiBzdG9wLWNvbG9yPSIjZDI0ZDMzIi8+PHN0b3Agb2Zmc2V0PSIzNi45NCUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjM5LjU1JSIgc3RvcC1jb2xvcj0iIzg5NjBhNyIvPjxzdG9wIG9mZnNldD0iMzkuNTUlIiBzdG9wLWNvbG9yPSIjODJiOTY0Ii8+PHN0b3Agb2Zmc2V0PSI0Mi4xNiUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjQyLjE2JSIgc3RvcC1jb2xvcj0iI2Y4N2FhMCIvPjxzdG9wIG9mZnNldD0iNDMuMzYlIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSI0My4zNiUiIHN0b3AtY29sb3I9IiNkNDNmM2YiLz48c3RvcCBvZmZzZXQ9IjQ1LjYzJSIgc3RvcC1jb2xvcj0iI2Q0M2YzZiIvPjxzdG9wIG9mZnNldD0iNDUuNjMlIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI0Ny44JSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNDcuOCUiIHN0b3AtY29sb3I9IiNmZjk2MDAiLz48c3RvcCBvZmZzZXQ9IjUwLjQxJSIgc3RvcC1jb2xvcj0iI2ZmOTYwMCIvPjxzdG9wIG9mZnNldD0iNTAuNDElIiBzdG9wLWNvbG9yPSIjODk2MGE3Ii8+PHN0b3Agb2Zmc2V0PSI1MS43MSUiIHN0b3AtY29sb3I9IiM4OTYwYTciLz48c3RvcCBvZmZzZXQ9IjUxLjcxJSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iNTMuODglIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI1My44OCUiIHN0b3AtY29sb3I9IiM5OTM4MzgiLz48c3RvcCBvZmZzZXQ9IjU1LjE4JSIgc3RvcC1jb2xvcj0iIzk5MzgzOCIvPjxzdG9wIG9mZnNldD0iNTUuMTglIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI1Ny43OSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9IjU3Ljc5JSIgc3RvcC1jb2xvcj0iIzY2ODAwMCIvPjxzdG9wIG9mZnNldD0iNTkuNTMlIiBzdG9wLWNvbG9yPSIjNjY4MDAwIi8+PHN0b3Agb2Zmc2V0PSI1OS41MyUiIHN0b3AtY29sb3I9IiNmNGNjMTMiLz48c3RvcCBvZmZzZXQ9IjYwLjgzJSIgc3RvcC1jb2xvcj0iI2Y0Y2MxMyIvPjxzdG9wIG9mZnNldD0iNjAuODMlIiBzdG9wLWNvbG9yPSIjNzI2NjRlIi8+PHN0b3Agb2Zmc2V0PSI2My40NCUiIHN0b3AtY29sb3I9IiM3MjY2NGUiLz48c3RvcCBvZmZzZXQ9IjYzLjQ0JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iNjYuMDUlIiBzdG9wLWNvbG9yPSIjZmE5MzAwIi8+PHN0b3Agb2Zmc2V0PSI2Ni4wNSUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9IjY3LjM1JSIgc3RvcC1jb2xvcj0iIzY2YzllZSIvPjxzdG9wIG9mZnNldD0iNjcuMzUlIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI2OS45NiUiIHN0b3AtY29sb3I9IiNjOWM5YzkiLz48c3RvcCBvZmZzZXQ9IjY5Ljk2JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iNzEuNyUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjcxLjclIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI3NC4zMSUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijc0LjMxJSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iNzYuOTIlIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI3Ni45MiUiIHN0b3AtY29sb3I9IiMyZTc3YmIiLz48c3RvcCBvZmZzZXQ9Ijc5LjUzJSIgc3RvcC1jb2xvcj0iIzJlNzdiYiIvPjxzdG9wIG9mZnNldD0iNzkuNTMlIiBzdG9wLWNvbG9yPSIjNmJkNWIxIi8+PHN0b3Agb2Zmc2V0PSI4MC40JSIgc3RvcC1jb2xvcj0iIzZiZDViMSIvPjxzdG9wIG9mZnNldD0iODAuNCUiIHN0b3AtY29sb3I9IiNmODdhYTAiLz48c3RvcCBvZmZzZXQ9IjgxLjclIiBzdG9wLWNvbG9yPSIjZjg3YWEwIi8+PHN0b3Agb2Zmc2V0PSI4MS43JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iODMuODclIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI4My44NyUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9Ijg2LjA0JSIgc3RvcC1jb2xvcj0iI2ZhOTMwMCIvPjxzdG9wIG9mZnNldD0iODYuMDQlIiBzdG9wLWNvbG9yPSIjNjZjOWVlIi8+PHN0b3Agb2Zmc2V0PSI4Ny43OCUiIHN0b3AtY29sb3I9IiM2NmM5ZWUiLz48c3RvcCBvZmZzZXQ9Ijg3Ljc4JSIgc3RvcC1jb2xvcj0iI2M5YzljOSIvPjxzdG9wIG9mZnNldD0iOTAuMzklIiBzdG9wLWNvbG9yPSIjYzljOWM5Ii8+PHN0b3Agb2Zmc2V0PSI5MC4zOSUiIHN0b3AtY29sb3I9IiM4MmI5NjQiLz48c3RvcCBvZmZzZXQ9IjkyLjU2JSIgc3RvcC1jb2xvcj0iIzgyYjk2NCIvPjxzdG9wIG9mZnNldD0iOTIuNTYlIiBzdG9wLWNvbG9yPSIjY2NkNjAwIi8+PHN0b3Agb2Zmc2V0PSI5NS4xNyUiIHN0b3AtY29sb3I9IiNjY2Q2MDAiLz48c3RvcCBvZmZzZXQ9Ijk1LjE3JSIgc3RvcC1jb2xvcj0iI2ZmZmJkYiIvPjxzdG9wIG9mZnNldD0iOTcuMzQlIiBzdG9wLWNvbG9yPSIjZmZmYmRiIi8+PHN0b3Agb2Zmc2V0PSI5Ny4zNCUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYTkzMDAiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background-size: 100%; background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(2.61%, #fa9300), color-stop(2.61%, #66c9ee), color-stop(4.35%, #66c9ee), color-stop(4.35%, #c9c9c9), color-stop(6.96%, #c9c9c9), color-stop(6.96%, #82b964), color-stop(9.13%, #82b964), color-stop(9.13%, #d24d33), color-stop(11.3%, #d24d33), color-stop(11.3%, #fffbdb), color-stop(13.91%, #fffbdb), color-stop(13.91%, #2e77bb), color-stop(16.52%, #2e77bb), color-stop(16.52%, #6bd5b1), color-stop(17.82%, #6bd5b1), color-stop(17.82%, #f87aa0), color-stop(19.12%, #f87aa0), color-stop(19.12%, #c9c9c9), color-stop(21.29%, #c9c9c9), color-stop(21.29%, #72664e), color-stop(23.9%, #72664e), color-stop(23.9%, #ccd600), color-stop(26.07%, #ccd600), color-stop(26.07%, #fffbdb), color-stop(28.68%, #fffbdb), color-stop(28.68%, #df620e), color-stop(31.29%, #df620e), color-stop(31.29%, #993838), color-stop(33.03%, #993838), color-stop(33.03%, #ff9600), color-stop(34.33%, #ff9600), color-stop(34.33%, #d24d33), color-stop(36.94%, #d24d33), color-stop(36.94%, #8960a7), color-stop(39.55%, #8960a7), color-stop(39.55%, #82b964), color-stop(42.16%, #82b964), color-stop(42.16%, #f87aa0), color-stop(43.36%, #f87aa0), color-stop(43.36%, #d43f3f), color-stop(45.63%, #d43f3f), color-stop(45.63%, #668000), color-stop(47.8%, #668000), color-stop(47.8%, #ff9600), color-stop(50.41%, #ff9600), color-stop(50.41%, #8960a7), color-stop(51.71%, #8960a7), color-stop(51.71%, #c9c9c9), color-stop(53.88%, #c9c9c9), color-stop(53.88%, #993838), color-stop(55.18%, #993838), color-stop(55.18%, #ccd600), color-stop(57.79%, #ccd600), color-stop(57.79%, #668000), color-stop(59.53%, #668000), color-stop(59.53%, #f4cc13), color-stop(60.83%, #f4cc13), color-stop(60.83%, #72664e), color-stop(63.44%, #72664e), color-stop(63.44%, #fa9300), color-stop(66.05%, #fa9300), color-stop(66.05%, #66c9ee), color-stop(67.35%, #66c9ee), color-stop(67.35%, #c9c9c9), color-stop(69.96%, #c9c9c9), color-stop(69.96%, #82b964), color-stop(71.7%, #82b964), color-stop(71.7%, #ccd600), color-stop(74.31%, #ccd600), color-stop(74.31%, #fffbdb), color-stop(76.92%, #fffbdb), color-stop(76.92%, #2e77bb), color-stop(79.53%, #2e77bb), color-stop(79.53%, #6bd5b1), color-stop(80.4%, #6bd5b1), color-stop(80.4%, #f87aa0), color-stop(81.7%, #f87aa0), color-stop(81.7%, #c9c9c9), color-stop(83.87%, #c9c9c9), color-stop(83.87%, #fa9300), color-stop(86.04%, #fa9300), color-stop(86.04%, #66c9ee), color-stop(87.78%, #66c9ee), color-stop(87.78%, #c9c9c9), color-stop(90.39%, #c9c9c9), color-stop(90.39%, #82b964), color-stop(92.56%, #82b964), color-stop(92.56%, #ccd600), color-stop(95.17%, #ccd600), color-stop(95.17%, #fffbdb), color-stop(97.34%, #fffbdb), color-stop(97.34%, #fa9300), color-stop(100%, #fa9300)); background-image: -moz-linear-gradient(left, #fa9300 2.61%, #66c9ee 2.61%, #66c9ee 4.35%, #c9c9c9 4.35%, #c9c9c9 6.96%, #82b964 6.96%, #82b964 9.13%, #d24d33 9.13%, #d24d33 11.3%, #fffbdb 11.3%, #fffbdb 13.91%, #2e77bb 13.91%, #2e77bb 16.52%, #6bd5b1 16.52%, #6bd5b1 17.82%, #f87aa0 17.82%, #f87aa0 19.12%, #c9c9c9 19.12%, #c9c9c9 21.29%, #72664e 21.29%, #72664e 23.9%, #ccd600 23.9%, #ccd600 26.07%, #fffbdb 26.07%, #fffbdb 28.68%, #df620e 28.68%, #df620e 31.29%, #993838 31.29%, #993838 33.03%, #ff9600 33.03%, #ff9600 34.33%, #d24d33 34.33%, #d24d33 36.94%, #8960a7 36.94%, #8960a7 39.55%, #82b964 39.55%, #82b964 42.16%, #f87aa0 42.16%, #f87aa0 43.36%, #d43f3f 43.36%, #d43f3f 45.63%, #668000 45.63%, #668000 47.8%, #ff9600 47.8%, #ff9600 50.41%, #8960a7 50.41%, #8960a7 51.71%, #c9c9c9 51.71%, #c9c9c9 53.88%, #993838 53.88%, #993838 55.18%, #ccd600 55.18%, #ccd600 57.79%, #668000 57.79%, #668000 59.53%, #f4cc13 59.53%, #f4cc13 60.83%, #72664e 60.83%, #72664e 63.44%, #fa9300 63.44%, #fa9300 66.05%, #66c9ee 66.05%, #66c9ee 67.35%, #c9c9c9 67.35%, #c9c9c9 69.96%, #82b964 69.96%, #82b964 71.7%, #ccd600 71.7%, #ccd600 74.31%, #fffbdb 74.31%, #fffbdb 76.92%, #2e77bb 76.92%, #2e77bb 79.53%, #6bd5b1 79.53%, #6bd5b1 80.4%, #f87aa0 80.4%, #f87aa0 81.7%, #c9c9c9 81.7%, #c9c9c9 83.87%, #fa9300 83.87%, #fa9300 86.04%, #66c9ee 86.04%, #66c9ee 87.78%, #c9c9c9 87.78%, #c9c9c9 90.39%, #82b964 90.39%, #82b964 92.56%, #ccd600 92.56%, #ccd600 95.17%, #fffbdb 95.17%, #fffbdb 97.34%, #fa9300 97.34%, #fa9300 100%); background-image: -webkit-linear-gradient(left, #fa9300 2.61%, #66c9ee 2.61%, #66c9ee 4.35%, #c9c9c9 4.35%, #c9c9c9 6.96%, #82b964 6.96%, #82b964 9.13%, #d24d33 9.13%, #d24d33 11.3%, #fffbdb 11.3%, #fffbdb 13.91%, #2e77bb 13.91%, #2e77bb 16.52%, #6bd5b1 16.52%, #6bd5b1 17.82%, #f87aa0 17.82%, #f87aa0 19.12%, #c9c9c9 19.12%, #c9c9c9 21.29%, #72664e 21.29%, #72664e 23.9%, #ccd600 23.9%, #ccd600 26.07%, #fffbdb 26.07%, #fffbdb 28.68%, #df620e 28.68%, #df620e 31.29%, #993838 31.29%, #993838 33.03%, #ff9600 33.03%, #ff9600 34.33%, #d24d33 34.33%, #d24d33 36.94%, #8960a7 36.94%, #8960a7 39.55%, #82b964 39.55%, #82b964 42.16%, #f87aa0 42.16%, #f87aa0 43.36%, #d43f3f 43.36%, #d43f3f 45.63%, #668000 45.63%, #668000 47.8%, #ff9600 47.8%, #ff9600 50.41%, #8960a7 50.41%, #8960a7 51.71%, #c9c9c9 51.71%, #c9c9c9 53.88%, #993838 53.88%, #993838 55.18%, #ccd600 55.18%, #ccd600 57.79%, #668000 57.79%, #668000 59.53%, #f4cc13 59.53%, #f4cc13 60.83%, #72664e 60.83%, #72664e 63.44%, #fa9300 63.44%, #fa9300 66.05%, #66c9ee 66.05%, #66c9ee 67.35%, #c9c9c9 67.35%, #c9c9c9 69.96%, #82b964 69.96%, #82b964 71.7%, #ccd600 71.7%, #ccd600 74.31%, #fffbdb 74.31%, #fffbdb 76.92%, #2e77bb 76.92%, #2e77bb 79.53%, #6bd5b1 79.53%, #6bd5b1 80.4%, #f87aa0 80.4%, #f87aa0 81.7%, #c9c9c9 81.7%, #c9c9c9 83.87%, #fa9300 83.87%, #fa9300 86.04%, #66c9ee 86.04%, #66c9ee 87.78%, #c9c9c9 87.78%, #c9c9c9 90.39%, #82b964 90.39%, #82b964 92.56%, #ccd600 92.56%, #ccd600 95.17%, #fffbdb 95.17%, #fffbdb 97.34%, #fa9300 97.34%, #fa9300 100%); background-image: linear-gradient(to right, #fa9300 2.61%, #66c9ee 2.61%, #66c9ee 4.35%, #c9c9c9 4.35%, #c9c9c9 6.96%, #82b964 6.96%, #82b964 9.13%, #d24d33 9.13%, #d24d33 11.3%, #fffbdb 11.3%, #fffbdb 13.91%, #2e77bb 13.91%, #2e77bb 16.52%, #6bd5b1 16.52%, #6bd5b1 17.82%, #f87aa0 17.82%, #f87aa0 19.12%, #c9c9c9 19.12%, #c9c9c9 21.29%, #72664e 21.29%, #72664e 23.9%, #ccd600 23.9%, #ccd600 26.07%, #fffbdb 26.07%, #fffbdb 28.68%, #df620e 28.68%, #df620e 31.29%, #993838 31.29%, #993838 33.03%, #ff9600 33.03%, #ff9600 34.33%, #d24d33 34.33%, #d24d33 36.94%, #8960a7 36.94%, #8960a7 39.55%, #82b964 39.55%, #82b964 42.16%, #f87aa0 42.16%, #f87aa0 43.36%, #d43f3f 43.36%, #d43f3f 45.63%, #668000 45.63%, #668000 47.8%, #ff9600 47.8%, #ff9600 50.41%, #8960a7 50.41%, #8960a7 51.71%, #c9c9c9 51.71%, #c9c9c9 53.88%, #993838 53.88%, #993838 55.18%, #ccd600 55.18%, #ccd600 57.79%, #668000 57.79%, #668000 59.53%, #f4cc13 59.53%, #f4cc13 60.83%, #72664e 60.83%, #72664e 63.44%, #fa9300 63.44%, #fa9300 66.05%, #66c9ee 66.05%, #66c9ee 67.35%, #c9c9c9 67.35%, #c9c9c9 69.96%, #82b964 69.96%, #82b964 71.7%, #ccd600 71.7%, #ccd600 74.31%, #fffbdb 74.31%, #fffbdb 76.92%, #2e77bb 76.92%, #2e77bb 79.53%, #6bd5b1 79.53%, #6bd5b1 80.4%, #f87aa0 80.4%, #f87aa0 81.7%, #c9c9c9 81.7%, #c9c9c9 83.87%, #fa9300 83.87%, #fa9300 86.04%, #66c9ee 86.04%, #66c9ee 87.78%, #c9c9c9 87.78%, #c9c9c9 90.39%, #82b964 90.39%, #82b964 92.56%, #ccd600 92.56%, #ccd600 95.17%, #fffbdb 95.17%, #fffbdb 97.34%, #fa9300 97.34%, #fa9300 100%);
}
h1 { display: table-cell; text-align: center; font-family: 'Days One', sans-serif; vertical-align: middle; color: white; font-size: 5em;
}

Home Page	Home
Developer	Hugo Giraudel
Username	HugoGiraudel
Uploaded	August 30, 2022
Rating	3.5
Size	11,192 Kb
Views	26,312

Do you need developer help for Stripe-a-gradient Sass function?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Hugo Giraudel (HugoGiraudel) Script Codes

Name	Size
Synchronise background position with padding	3,411 Kb
List of web resources	8,824 Kb
Demo Flexbox 1	2,388 Kb
Google Fonts Sass Mixin	4,237 Kb
Demo Flexbox 3	2,822 Kb
Batman loader	4,984 Kb
CSS temperature controler	4,789 Kb
Batman login form	4,731 Kb
Items on circle	3,437 Kb
Pure CSS pie timer	3,378 Kb

Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!

Similar Scripts & Codes

Name	Username	Size
Sketchy Box	Mnicpt	3,033 Kb
Fluid Responsive Typography	Jonmilner	4,205 Kb
Pure CSS Animated Photo Stack	Depthdev	2,486 Kb
Parallax scrolling scene	Iharosi	2,485 Kb
Tab Menus	Zephyr	3,180 Kb
The Walking Raymarcher	Xorxor_hu	7,934 Kb
Ipad Mini Showcase	Hornebom	10,479 Kb
Geildanke typography	Fischaela	3,249 Kb
Polo, the flying squirrel	Agbales	2,445 Kb
A Pen by Michael Parenteau	Michaelparenteau	2,133 Kb

Do you want hide your ip address?

Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!