body{background:#e2e2e2;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden}header{width:100%;height:360px;background:#2b303b;background:-o-linear-gradient(left,#36d7b7,#2b303b);background:-webkit-gradient(linear,left top,right top,from(#36d7b7),to(#2b303b));background:linear-gradient(90deg,#36d7b7,#2b303b);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-content:center;flex-direction:column;z-index:1000}header.navbar{justify-content:space-around}header a{color:#fff;cursor:pointer}header a:hover{color:#e5e5e5}.navbar{height:60px!important;position:fixed;top:0}.navbar h1{font-size:20px}.navbar h2{font-size:16px}.logo{display:block;text-align:center;margin:0 auto;font-size:40px;letter-spacing:5px;font-weight:300;text-transform:uppercase;position:-webkit-sticky;position:sticky;top:10px}.installation{margin:50px auto;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}code{background:#2b303b;padding:16px 32px;font-size:20px;margin:0 auto;font-family:Courier New,Courier,monospace;opacity:.9}code:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px #00000024,0 1px 7px #0000001f,0 3px 1px -1px #0003;opacity:1}.spinner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:300px;width:80%;margin:0 auto;background:#fff}.spinner-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:.5px solid #e2e2e2;-webkit-box-shadow:1px 1px 1px #e2e2e2;box-shadow:1px 1px 1px #e2e2e2;width:250px;height:250px;margin:30px;font-size:18px;letter-spacing:1px;position:relative}.spinner-title{position:absolute;top:20px;text-decoration:none;color:#000}.spinner-title:hover{text-decoration:underline}.color-picker{top:370px;left:20px;position:fixed;z-index:999}.color-picker button{height:36px;font-size:14px;line-height:36px;background:#2b303b;color:#fff;border:none;opacity:.9;font-weight:300;text-transform:uppercase;cursor:pointer;border-radius:2px;letter-spacing:.5px;padding:0 28px}.color-picker button:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2);box-shadow:0 3px 3px #00000024,0 1px 7px #0000001f,0 3px 1px -1px #0003;opacity:1}footer{padding:30px;margin:15px 0 0;background:#2b303b;text-align:center;display:flex;gap:28px;justify-content:center}@media(max-width:640px){footer{flex-direction:column;align-items:center}footer a{margin-left:0!important}}footer a{text-decoration:none;color:#ccc}footer a:hover{color:#fff}#forkongithub a{background:#228b22;color:#fff;text-decoration:none;font-family:arial,sans-serif;text-align:center;font-weight:700;padding:5px 40px;font-size:1rem;line-height:2rem;position:relative}#forkongithub a:hover{background:green;color:#fff}#forkongithub a:before,#forkongithub a:after{content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff}#forkongithub a:after{bottom:1px;top:auto}@media screen and (min-width:600px){#forkongithub{top:0;right:0;width:200px;overflow:hidden;height:200px;z-index:9999}#forkongithub a{width:200px;position:absolute;top:60px;right:-60px;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);box-shadow:4px 4px 10px #000c}}@media screen and (max-width:599px){#forkongithub{display:none}}