@import url(https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC); html { box-sizing: border-box } *, :after, :before { box-sizing: inherit } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } body { margin: 0 } article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace,monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: inherit } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace,monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } template { display: none } [hidden] { display: none } .text-primary { color: #41403e } .background-primary { background-color: #c1c0bd } .text-secondary { color: #0071de } .background-secondary { background-color: #deefff } .text-success { color: #86a361 } .background-success { background-color: #d0dbc2 } .text-warning { color: #ddcd45 } .background-warning { background-color: #f5f0c6 } .text-danger { color: #a7342d } .background-danger { background-color: #f0cbc9 } .text-muted { color: #868e96 } .background-muted { background-color: #e6e7e9 } html { font-size: 20px; font-family: Neucha,sans-serif; color: #41403e } a, button, input, option, p, select, table, tbody, td, th, thead, tr { font-family: Neucha,sans-serif } h1, h2, h3, h4, h5, h6 { font-family: 'Patrick Hand SC',sans-serif; font-weight: 400 } h1 { font-size: 4rem } h2 { font-size: 3rem } h3 { font-size: 2rem } h4 { font-size: 1.5rem } h5 { font-size: 1rem } h6 { font-size: .8rem } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .border { border: 2px solid #41403e } .border, .border-1, .child-borders > :nth-child(6n+1) { border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px } .border-2, .child-borders > :nth-child(6n+2) { border-top-left-radius: 125px 25px; border-top-right-radius: 10px 205px; border-bottom-right-radius: 20px 205px; border-bottom-left-radius: 185px 25px } .border-3, .child-borders > :nth-child(6n+3) { border-top-left-radius: 15px 225px; border-top-right-radius: 255px 15px; border-bottom-left-radius: 225px 15px; border-bottom-right-radius: 15px 255px } .border-4, .child-borders > :nth-child(6n+4) { border-top-left-radius: 15px 225px; border-top-right-radius: 25px 150px; border-bottom-left-radius: 25px 115px; border-bottom-right-radius: 155px 25px } .border-5, .child-borders > :nth-child(6n+5) { border-top-left-radius: 250px 15px; border-top-right-radius: 25px 80px; border-bottom-left-radius: 20px 115px; border-bottom-right-radius: 15px 105px } .border-6, .child-borders > :nth-child(6n+6) { border-top-left-radius: 28px 125px; border-top-right-radius: 100px 30px; border-bottom-right-radius: 20px 205px; border-bottom-left-radius: 15px 225px } .child-borders > * { border: 2px solid #41403e } .border-white { border-color: #fff } .border-dotted { border-style: dotted } .border-dashed { border-style: dashed } .border-thick { border-width: 5px } .border-primary { border-color: #41403e } .border-secondary { border-color: #0071de } .border-success { border-color: #86a361 } .border-warning { border-color: #ddcd45 } .border-danger { border-color: #a7342d } .border-muted { border-color: #868e96 } .shadow { -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); transition: all .5s ease } .shadow.shadow-large { -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2) } .shadow.shadow-small { -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2) } .shadow.shadow-hover:hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .child-shadows > * { -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); transition: all .5s ease } .child-shadows > .shadow-large { -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2) } .child-shadows > .shadow-small { -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2) } .child-shadows > .shadow-hover:hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .child-shadows-hover > * { -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); transition: all .5s ease } .child-shadows-hover > .shadow-large { -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2) } .child-shadows-hover > .shadow-small { -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2) } .child-shadows-hover > .shadow-hover:hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .child-shadows-hover > :hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .row { margin-right: auto; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: 1rem } .row.flex-right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .row.flex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .row.flex-edges { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .row.flex-spaces { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } .row.flex-top { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .row.flex-middle { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .row.flex-bottom { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .col { padding: 1rem } @media (max-width:767px) { .col { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } .col-fill { width: auto; flex: 1 1 0px } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333333%; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333% } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66666667%; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667% } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333333%; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333% } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66666667%; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667% } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333333%; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333% } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66666667%; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667% } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333333%; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333% } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66666667%; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667% } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } @media (min-width:768px) { .sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333333%; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333% } } @media (min-width:768px) { .sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66666667%; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667% } } @media (min-width:768px) { .sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } } @media (min-width:768px) { .sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333333%; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333% } } @media (min-width:768px) { .sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66666667%; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667% } } @media (min-width:768px) { .sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } @media (min-width:768px) { .sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333333%; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333% } } @media (min-width:768px) { .sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66666667%; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667% } } @media (min-width:768px) { .sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } } @media (min-width:768px) { .sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333333%; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333% } } @media (min-width:768px) { .sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66666667%; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667% } } @media (min-width:768px) { .sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media (min-width:992px) { .md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333333%; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333% } } @media (min-width:992px) { .md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66666667%; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667% } } @media (min-width:992px) { .md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } } @media (min-width:992px) { .md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333333%; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333% } } @media (min-width:992px) { .md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66666667%; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667% } } @media (min-width:992px) { .md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } @media (min-width:992px) { .md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333333%; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333% } } @media (min-width:992px) { .md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66666667%; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667% } } @media (min-width:992px) { .md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } } @media (min-width:992px) { .md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333333%; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333% } } @media (min-width:992px) { .md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66666667%; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667% } } @media (min-width:992px) { .md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } @media (min-width:1200px) { .lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333333%; -ms-flex: 0 0 8.33333333%; flex: 0 0 8.33333333%; max-width: 8.33333333% } } @media (min-width:1200px) { .lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66666667%; -ms-flex: 0 0 16.66666667%; flex: 0 0 16.66666667%; max-width: 16.66666667% } } @media (min-width:1200px) { .lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } } @media (min-width:1200px) { .lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333333%; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; max-width: 33.33333333% } } @media (min-width:1200px) { .lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66666667%; -ms-flex: 0 0 41.66666667%; flex: 0 0 41.66666667%; max-width: 41.66666667% } } @media (min-width:1200px) { .lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } @media (min-width:1200px) { .lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333333%; -ms-flex: 0 0 58.33333333%; flex: 0 0 58.33333333%; max-width: 58.33333333% } } @media (min-width:1200px) { .lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66666667%; -ms-flex: 0 0 66.66666667%; flex: 0 0 66.66666667%; max-width: 66.66666667% } } @media (min-width:1200px) { .lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } } @media (min-width:1200px) { .lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333333%; -ms-flex: 0 0 83.33333333%; flex: 0 0 83.33333333%; max-width: 83.33333333% } } @media (min-width:1200px) { .lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66666667%; -ms-flex: 0 0 91.66666667%; flex: 0 0 91.66666667%; max-width: 91.66666667% } } @media (min-width:1200px) { .lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } .align-top { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start } .align-middle { -webkit-align-self: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center } .align-bottom { -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end } .container { width: 100%; max-width: 960px; position: relative; margin: 0 auto } @media screen and (max-width:992px) { .container { width: 85% } } @media screen and (max-width:480px) { .container { width: 90% } } .section { margin-top: 1rem; margin-bottom: 2rem } .section:after { text-align: center; color: #8f8d89; display: block; content: "~~~"; position: relative; font-size: 1.5rem } hr { border: 0 } hr:after { text-align: center; color: #8f8d89; display: block; content: "~~~"; position: relative; font-size: 1.5rem; top: -.75rem } .paper { border: 1px solid #c1c0bd; background-color: #fff; padding: 2rem; margin-top: 1rem; margin-bottom: 1rem; -webkit-box-shadow: -1px 5px 35px -9px rgba(0,0,0,.2); -moz-box-shadow: -1px 5px 35px -9px rgba(0,0,0,.2); box-shadow: -1px 5px 35px -9px rgba(0,0,0,.2) } @media screen and (max-width:480px) { .paper { padding: 1rem; width: 100%; margin-top: 0; margin-bottom: 0 } } .paper-btn, button, input[type=button] { align-self: center; background: 0 0; color: #41403e; outline: 0; border: solid 2px #41403e; border: 2px solid #41403e; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px; font-size: 1rem; padding: .75rem .75rem; cursor: pointer; -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); transition: all .5s ease } .paper-btn.shadow-large, button.shadow-large, input[type=button].shadow-large { -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2) } .paper-btn.shadow-small, button.shadow-small, input[type=button].shadow-small { -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2) } .paper-btn.shadow-hover:hover, button.shadow-hover:hover, input[type=button].shadow-hover:hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .paper-btn.btn-large, button.btn-large, input[type=button].btn-large { -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); font-size: 2rem; padding: 1rem 1rem } .paper-btn.btn-small, button.btn-small, input[type=button].btn-small { -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); font-size: .75rem; padding: .5rem } .paper-btn.btn-block, button.btn-block, input[type=button].btn-block { display: block; width: 100% } .paper-btn:hover:hover, button:hover:hover, input[type=button]:hover:hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .paper-btn.disabled, .paper-btn[disabled], button.disabled, button[disabled], input[type=button].disabled, input[type=button][disabled] { cursor: not-allowed; opacity: .5 } a { text-decoration: none; background-image: linear-gradient(5deg,transparent 65%,#0071de 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0071de 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0071de 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0071de 35%,transparent 50%); background-repeat: repeat-x; background-size: 4px 3px; background-position: 0 90% } a:visited { text-decoration: none; color: #41403e } input, select { display: block; background: 0 0; color: #41403e; outline: 0; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px; font-size: 1rem; padding: .5rem .5rem; border: 2px solid #41403e } input:focus, select:focus { border: 2px solid #0071de } input.disabled, input[disabled], select.disabled, select[disabled] { cursor: not-allowed; opacity: .5 } .disabled { cursor: not-allowed; opacity: .5 } .form-group { margin-bottom: 1rem } .form-group > label, .form-group legend { display: inline-block; margin-bottom: .5rem } .form-group .input-block { width: 100% } .form-group .paper-check, .form-group .paper-radio { display: block; margin-bottom: .5rem; cursor: pointer } .form-group .paper-check input, .form-group .paper-radio input { border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; display: none } .form-group .paper-check input + span, .form-group .paper-radio input + span { display: block } .form-group .paper-check input + span:before, .form-group .paper-radio input + span:before { content: ''; display: inline-block; position: relative; width: 1rem; height: 1rem; border: 2px solid #41403e; margin-right: .75em; vertical-align: -.25em } .form-group .paper-check input[type=radio] + span:before, .form-group .paper-radio input[type=radio] + span:before { border-top-left-radius: 1rem 1rem; border-top-right-radius: 1rem .6rem; border-bottom-right-radius: 1rem .9rem; border-bottom-left-radius: .7rem 1rem } .form-group .paper-check input[type=checkbox] + span:before, .form-group .paper-radio input[type=checkbox] + span:before { border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px } .form-group .paper-check input[type=radio]:checked + span:before, .form-group .paper-radio input[type=radio]:checked + span:before { background: url("data:image/svg+xml;utf8,") left center no-repeat } .form-group .paper-check input[type=checkbox]:checked + span:before, .form-group .paper-radio input[type=checkbox]:checked + span:before { background: url("data:image/svg+xml;utf8,") left center no-repeat } fieldset.form-group { border: none; padding: 0 } ol { list-style-type: decimal } ol ol { list-style-type: upper-alpha } ol ol ol { list-style-type: upper-roman } ol ol ol ol { list-style-type: lower-alpha } ol ol ol ol ol { list-style-type: lower-roman } ul { list-style: none; margin-left: 0 } ul li { text-indent: -7px } ul li:before { position: relative; left: -7px } ul li:before { content: "-" } ul ul li:before { content: "+" } ul ul ul li:before { content: "~" } ul ul ul ul li:before { content: "⤍" } ul ul ul ul ul li:before { content: "⁎" } code { padding: 2px 4px; font-size: 80%; color: #0071de; background-color: #f2f2f2; border-radius: 3px } kbd { padding: 2px 4px; font-size: 80%; color: #fff; background-color: #41403e; border-radius: 3px } pre { display: block; padding: 1em; font-size: 80%; line-height: 1.5; color: #41403e; word-break: break-all; word-wrap: break-word; background-color: #fafafa; border: 1px solid #c1c0bd; border-radius: 3px; overflow-x: auto; white-space: pre-wrap } table { box-sizing: border-box; width: 100%; max-width: 100% } table thead tr th { vertical-align: bottom; text-align: left; padding: 8px; line-height: 1.5 } table tbody tr td { padding: 8px; line-height: 1.5; vertical-align: top; border-top: 1px dashed #d9d9d8 } table.table-hover tbody tr:hover { color: #0071de } table.table-alternating tbody tr:nth-of-type(even) { color: #82807c } img { max-width: 100%; height: auto; display: block; border: 2px solid #41403e; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px } img.float-left { float: left; margin: 1rem 1rem 1rem 0 } img.float-right { float: right; margin: 1rem 0 1rem 1rem } img.no-responsive { max-width: initial; height: initial; display: initial } img.no-border { border: 0; border-radius: 0 } .margin { margin: 1rem } .margin-top { margin-top: 1rem } .margin-top-large { margin-top: 2rem } .margin-top-small { margin-top: .5rem } .margin-top-none { margin-top: 0 } .margin-right { margin-right: 1rem } .margin-right-large { margin-right: 2rem } .margin-right-small { margin-right: .5rem } .margin-right-none { margin-right: 0 } .margin-bottom { margin-bottom: 1rem } .margin-bottom-large { margin-bottom: 2rem } .margin-bottom-small { margin-bottom: .5rem } .margin-bottom-none { margin-bottom: 0 } .margin-left { margin-left: 1rem } .margin-left-large { margin-left: 2rem } .margin-left-small { margin-left: .5rem } .margin-left-none { margin-left: 0 } .margin-large { margin: 2rem } .margin-small { margin: .5rem } .margin-none { margin: 0 } .padding { padding: 1rem } .padding-top { padding-top: 1rem } .padding-top-large { padding-top: 2rem } .padding-top-small { padding-top: .5rem } .padding-top-none { padding-top: 0 } .padding-right { padding-right: 1rem } .padding-right-large { padding-right: 2rem } .padding-right-small { padding-right: .5rem } .padding-right-none { padding-right: 0 } .padding-bottom { padding-bottom: 1rem } .padding-bottom-large { padding-bottom: 2rem } .padding-bottom-small { padding-bottom: .5rem } .padding-bottom-none { padding-bottom: 0 } .padding-left { padding-left: 1rem } .padding-left-large { padding-left: 2rem } .padding-left-small { padding-left: .5rem } .padding-left-none { padding-left: 0 } .padding-large { padding: 2rem } .padding-small { padding: .5rem } .padding-none { padding: 0 } [popover] { position: relative; margin: 24px } [popover]:hover::after { transition: opacity .2s ease-out; opacity: 1 } [popover]::after { content: attr(popover); position: absolute; top: -6px; left: 50%; opacity: 0; padding: 4px 2px; min-width: 80px; font-size: .7em; text-align: center; color: #fff; background: rgba(0,0,0,.7); transition: opacity .25s ease-out; transform: translateX(-50%) translateY(-100%); border: 2px solid #41403e; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px } [popover-position=left]::before { left: 0; top: 50%; margin-left: -12px; transform: translatey(-50%) rotate(-90deg) } [popover-position=left]::after { left: 0; top: 50%; margin-left: -8px; transform: translateX(-100%) translateY(-50%) } [popover-position=top]::before { left: 50% } [popover-position=top]::after { left: 50% } [popover-position=bottom]::before { top: 100%; margin-top: 8px; transform: translateX(-50%) translatey(-100%) rotate(-180deg) } [popover-position=bottom]::after { top: 100%; margin-top: 8px; transform: translateX(-50%) translateY(0) } [popover-position=right]::before { left: 100%; top: 50%; margin-left: 1px; transform: translatey(-50%) rotate(90deg) } [popover-position=right]::after { left: 100%; top: 50%; margin-left: 8px; transform: translateX(0) translateY(-50%) } .card { -webkit-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); -moz-box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); box-shadow: 15px 28px 25px -18px rgba(0,0,0,.2); transition: all .5s ease; position: relative; display: flex; flex-direction: column; word-wrap: break-word; border: 2px solid #e6e7e9 } .card.shadow-large { -webkit-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); -moz-box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2); box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2) } .card.shadow-small { -webkit-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); -moz-box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2); box-shadow: 10px 19px 17px -13px rgba(0,0,0,.2) } .card.shadow-hover:hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .card:hover:hover { -webkit-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); -moz-box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3); box-shadow: 2px 8px 4px -6px rgba(0,0,0,.3) } .card .card-footer, .card .card-header { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03) } .card .card-header { border-bottom: 2px solid #e6e7e9 } .card .card-footer { border-top: 2px solid #e6e7e9 } .card .card-body { flex: 1 1 auto; padding: 1.25rem } .card .card-body .card-title, .card .card-body h4 { margin-top: 0; margin-bottom: .5rem } .card .card-body .card-subtitle, .card .card-body h5 { color: #0071de; margin-top: 0; margin-bottom: .5rem } .card .card-body .card-text, .card .card-body p { margin-top: 0; margin-bottom: 1rem } .card .card-body .card-link + .card-link, .card .card-body a + a { margin-left: 1.25rem } .card .image-bottom, .card .image-top, .card img { border: 0; border-radius: 0 } .badge { border: 2px solid #41403e; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px; display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #868e96; color: #fff; border-color: transparent } .badge.primary { background-color: #41403e } .badge.secondary { background-color: #0071de } .badge.success { background-color: #86a361 } .badge.warning { background-color: #ddcd45 } .badge.danger { background-color: #a7342d } .alert { border: 2px solid #41403e; border-top-left-radius: 255px 15px; border-top-right-radius: 15px 225px; border-bottom-right-radius: 225px 15px; border-bottom-left-radius: 15px 255px; padding: 15px; margin-bottom: 20px; width: 100% } .alert-primary { border-color: #41403e; color: #41403e; background-color: #c1c0bd } .alert-secondary { border-color: #0071de; color: #0071de; background-color: #deefff } .alert-success { border-color: #86a361; color: #86a361; background-color: #d0dbc2 } .alert-warning { border-color: #ddcd45; color: #ddcd45; background-color: #f5f0c6 } .alert-danger { border-color: #a7342d; color: #a7342d; background-color: #f0cbc9 } .alert-muted { border-color: #868e96; color: #868e96; background-color: #e6e7e9 }