@import url(https://fonts.googleapis.com/css?family=Montserrat:900|Raleway:400);ol.gradient-list>li,ol.gradient-list>li:before{box-shadow:.25rem .25rem .6rem rgba(0,0,0,.05),0 .5rem 1.125rem rgba(75,0,0,.05)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:#fafafa;color:#1d1f20;font-family:"Raleway",sans-serif}main{display:block;margin:0 auto;max-width:40rem;padding:1rem}ol.gradient-list{counter-reset:gradient-counter;list-style:none;margin:1.75rem 0;padding-left:1rem}ol.gradient-list>li{background:#fff;border-radius:0 .5rem .5rem .5rem;counter-increment:gradient-counter;margin-top:1rem;min-height:3rem;padding:1rem 1rem 1rem 3rem;position:relative}ol.gradient-list>li:after,ol.gradient-list>li:before{background:linear-gradient(135deg,#83e4e2,#a2ed56);border-radius:1rem 1rem 0 1rem;content:"";height:3rem;left:-1rem;overflow:hidden;position:absolute;top:-1rem;width:3rem}ol.gradient-list>li:before{align-items:flex-end;content:counter(gradient-counter);color:#1d1f20;display:flex;font:900 1.5em/1 "Montserrat";justify-content:flex-end;padding:.125em .25em;z-index:1}ol.gradient-list>li:nth-child(10n+1):before{background:linear-gradient(135deg,rgba(162,237,86,.2),rgba(253,220,50,.2))}ol.gradient-list>li:nth-child(10n+2):before{background:linear-gradient(135deg,rgba(162,237,86,.4),rgba(253,220,50,.4))}ol.gradient-list>li:nth-child(10n+3):before{background:linear-gradient(135deg,rgba(162,237,86,.6),rgba(253,220,50,.6))}ol.gradient-list>li:nth-child(10n+4):before{background:linear-gradient(135deg,rgba(162,237,86,.8),rgba(253,220,50,.8))}ol.gradient-list>li:nth-child(10n+5):before{background:linear-gradient(135deg,#a2ed56,#fddc32)}ol.gradient-list>li:nth-child(10n+6):before{background:linear-gradient(135deg,rgba(162,237,86,.8),rgba(253,220,50,.8))}ol.gradient-list>li:nth-child(10n+7):before{background:linear-gradient(135deg,rgba(162,237,86,.6),rgba(253,220,50,.6))}ol.gradient-list>li:nth-child(10n+8):before{background:linear-gradient(135deg,rgba(162,237,86,.4),rgba(253,220,50,.4))}ol.gradient-list>li:nth-child(10n+9):before{background:linear-gradient(135deg,rgba(162,237,86,.2),rgba(253,220,50,.2))}ol.gradient-list>li:nth-child(10n+10):before{background:linear-gradient(135deg,rgba(162,237,86,0),rgba(253,220,50,0))}ol.gradient-list>li+li{margin-top:2rem}ol.gradient-list>li.movie{cursor:pointer}@-webkit-keyframes donut-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes donut-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.donut{display:inline-block;border:4px solid rgba(0,0,0,.1);border-left-color:#41e95a;border-radius:50%;width:30px;height:30px;-webkit-animation:donut-spin 1.2s linear infinite;animation:donut-spin 1.2s linear infinite;position:relative;left:50%}.form-style-5{margin:10px auto;padding:20px;background:#e8fbfa;border-radius:8px;font-family:Georgia,"Times New Roman",Times,serif}.form-style-5 fieldset{border:none}.form-style-5 legend{font-size:1.4em;margin-bottom:10px}.form-style-5 label{display:block;margin-bottom:8px}.form-style-5 .number{background:#1abc9c;color:#fff;height:30px;width:30px;display:inline-block;font-size:.8em;margin-right:4px;line-height:30px;text-align:center;text-shadow:0 1px 0 hsla(0,0%,100%,.2);border-radius:15px 15px 15px 0}.form-style-5 input[type=number],.form-style-5 input[type=text],.form-style-5 select{font-family:Georgia,"Times New Roman",Times,serif;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;font-size:15px;margin:0;outline:0;padding:10px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background-color:#e0ecdd;color:#8a97a0;box-shadow:inset 0 1px 0 rgba(0,0,0,.03)}.form-field-box{margin-bottom:10px}.form-style-5 input[type=text]:focus,.form-style-5 select:focus{background:#d2d9dd}.form-style-5 button[type=submit],.form-style-5 input[type=button],.form-style-5 input[type=submit]{padding:13px;color:#fff;background:#1abc9c;font-size:14px;text-align:center;font-style:normal}.form-style-5 button[type=submit],.form-style-5 input[type=button]:hover,.form-style-5 input[type=submit]:hover{background:#109177;cursor:pointer}p.error{color:red;padding:0;font-size:14px;margin:5px 0}