styles.css

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html,body{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}*{font-family:'Lato', Helvetica, sans-serif;color:#333447;line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:0.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:700}.left{text-align:left}.right{text-align:right}.center{text-align:center;margin-left:auto;margin-right:auto}.justify{text-align:justify}.container{width:90%;margin-left:auto;margin-right:auto}.row{position:relative;width:100%}.row [class^="col"]{float:left;margin:0.5rem 2%;min-height:0.125rem}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width: 33.75em){.container{width:80%}}@media only screen and (min-width: 45em){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}@media only screen and (min-width: 60em){.container{width:75%;max-width:60rem}}select[type="email"]:focus,select[type="number"]:focus,select[type="search"]:focus,select[type="text"]:focus,select[type="tel"]:focus,select[type="url"]:focus,select[type="password"]:focus,select[type="file"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="file"]:focus,input[type="checkbox"]:focus:before,input[type="radio"]:focus:before,textarea:focus,select:focus{border:1px solid #33C3F0;outline:0}select[type="email"],select[type="number"],select[type="search"],select[type="text"],select[type="tel"],select[type="url"],select[type="password"],select[type="file"],input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],input[type="file"],textarea,select{display:block;width:100%;height:38px;padding:6px 10px;background-color:#fff;border:1px solid #D1D1D1;border-radius:4px;box-shadow:none;box-sizing:border-box;font-weight:normal;font-size:13px}input[type="submit"],input[type="reset"],input[type="button"],.button,button{display:inline-block;height:38px;padding:0 30px;color:#555;text-align:center;font-size:11px;font-weight:600;line-height:38px;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}@media (max-width: 400px){input[type="submit"],input[type="reset"],input[type="button"],.button,button{width:100%;text-align:center}}input.button-primary[type="submit"],input.button-primary[type="reset"],input.button-primary[type="button"],.button.button-primary,button.button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}input.button-primary[type="submit"]:hover,input.button-primary[type="submit"]:focus,input.button-primary[type="reset"]:hover,input.button-primary[type="reset"]:focus,input.button-primary[type="button"]:hover,input.button-primary[type="button"]:focus,.button.button-primary:hover,.button.button-primary:focus,button.button-primary:hover,button.button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}input[type="submit"]:hover,input[type="submit"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="button"]:hover,input[type="button"]:focus,.button:hover,.button:focus,button:hover,button:focus{color:#333;border-color:#888;outline:0}input[type="checkbox"]:before,input[type="checkbox"]:after{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{max-width:620px}.container__title{display:inline-block;width:calc(100% - 110px)}@media only screen and (max-width: 450px){.container__title{width:100%;text-align:center}}.container__links{display:inline-block;width:110px;text-align:right}@media only screen and (max-width: 450px){.container__links{width:100%;text-align:center}}label{color:#4d4d4d;cursor:pointer;display:block;font-size:13px;font-weight:normal;line-height:1.5;margin-bottom:0}label .label,div .label{font-weight:600;display:block;font-size:14px;margin-bottom:5px}.invalid span,.invalid label{color:#d12d2d}.invalid select,.invalid textarea{border-color:#d12d2d}.invalid select[type="email"],.invalid select[type="number"],.invalid select[type="search"],.invalid select[type="text"],.invalid select[type="tel"],.invalid select[type="url"],.invalid select[type="password"],.invalid select[type="file"],.invalid input[type="email"],.invalid input[type="number"],.invalid input[type="search"],.invalid input[type="text"],.invalid input[type="tel"],.invalid input[type="url"],.invalid input[type="password"],.invalid input[type="file"]{border-color:#d12d2d}input[type="file"]{display:block;width:100%;height:38px;margin:0;position:relative;padding:6px 10px}input[type="checkbox"]{position:relative}input[type="checkbox"]:focus{outline:0}input[type="checkbox"]:checked:after{opacity:1}input[type="checkbox"]:before{content:"";width:14px;height:14px;background:#FFF;pointer-events:none;display:inline-block;border:1px solid #D1D1D1;top:1px}input[type="checkbox"]:after{content:'';width:5px;height:8px;opacity:0;display:block;pointer-events:none;transform:rotate(45deg);border-bottom:2px solid #33C3F0;border-right:2px solid #33C3F0;top:-1px;left:1px}input[type="radio"]{position:relative;outline:0}input[type="radio"]:checked:before{border-color:#33C3F0;background:#33C3F0}input[type="radio"]:checked:after{opacity:1}input[type="radio"]:before{content:"";width:16px;height:16px;background:#FFF;display:inline-block;border-radius:16px;border:1px solid #D1D1D1;position:absolute;right:0;left:-1px;top:2px;bottom:0;margin:auto}input[type="radio"]:after{opacity:0;content:"";width:6px;height:6px;display:inline-block;background:#FFF;position:absolute;border-radius:19px;margin:auto;left:0;right:0;bottom:0;top:2px}input[type="checkbox"],input[type="radio"]{margin:0}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block;margin-left:6px;margin-right:0.88889rem;margin-bottom:0;vertical-align:baseline}.checkbox{display:inline-block;margin-right:0.9rem}.checkbox span{margin-left:6px;vertical-align:middle}textarea,select{margin:0}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}hr{margin:20px 0}h4{margin:20px 0 10px 0;font-weight:100;font-size:20px}.right{float:right}.left{float:left}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.hidden{display:none}.errors{background:#F6DB00;padding:5px 8px;margin:0}.errors__message{padding-left:10px}.errors li{margin:0;list-style:none;font-size:13px;line-height:21px}.errors li:last-child{margin-bottom:0}.errors strong{font-weight:600}.errors span{font-weight:400;margin-left:5px}.errors .field{color:#ffffff;background:#a59200;margin-left:5px;padding:1px 4px;font-size:9px;text-transform:uppercase;position:relative;top:-1px}.first{margin-left:0 !important}.last{margin-right:0 !important}.github-link{display:inline-block;text-decoration:none;border-radius:5px;padding:0 10px;position:relative;top:-4px}.github-link:hover{text-decoration:underline;opacity:0.8}.github-link img{vertical-align:middle;margin-right:5px;width:25px}.github-link span{font-size:15px;vertical-align:middle}.package-version{padding:2px 0;margin:0;list-style:none;font-size:12px}.col-button{text-align:right}.span__info{font-size:14px}@media only screen and (max-width: 45em){.col-version{text-align:center}.col-button .button-primary{width:100%}}