2021-09-20 10:08:00 +02:00
@ charset "UTF-8" ; @ font-face { font-family : 'Neucha' ; font-style : normal ; font-weight : 400 ; src : url ( https : / / fonts . gstatic . com / s / neucha / v12 / q5uGsou0JOdh94bfuQltOxU . woff2 ) format ( 'woff2' ) ; unicode-range : U + 0400-045F , U + 0490-0491 , U + 04B0-04B1 , U + 2116 ; } @ font-face { font-family : 'Neucha' ; font-style : normal ; font-weight : 400 ; src : url ( https : / / fonts . gstatic . com / s / neucha / v12 / q5uGsou0JOdh94bfvQlt . woff2 ) format ( 'woff2' ) ; unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02BB-02BC , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2122 , U + 2191 , U + 2193 , U + 2212 , U + 2215 , U + FEFF , U + FFFD ; } @ font-face { font-family : 'Patrick Hand SC' ; font-style : normal ; font-weight : 400 ; src : url ( https : / / fonts . gstatic . com / s / patrickhandsc / v8 / 0nkwC9f7MfsBiWcLtY65AWDK873lgSK7FQc . woff2 ) format ( 'woff2' ) ; unicode-range : U + 0102-0103 , U + 0110-0111 , U + 0128-0129 , U + 0168-0169 , U + 01A0-01A1 , U + 01AF-01B0 , U + 1EA0-1EF9 , U + 20AB ; } @ font-face { font-family : 'Patrick Hand SC' ; font-style : normal ; font-weight : 400 ; src : url ( https : / / fonts . gstatic . com / s / patrickhandsc / v8 / 0nkwC9f7MfsBiWcLtY65AWDK873lgCK7FQc . woff2 ) format ( 'woff2' ) ; unicode-range : U + 0100-024F , U + 0259 , U + 1E00-1EFF , U + 2020 , U + 20A0-20AB , U + 20AD-20CF , U + 2113 , U + 2C60-2C7F , U + A720-A7FF ; } @ font-face { font-family : 'Patrick Hand SC' ; font-style : normal ; font-weight : 400 ; src : url ( https : / / fonts . gstatic . com / s / patrickhandsc / v8 / 0nkwC9f7MfsBiWcLtY65AWDK873ljiK7 . woff2 ) format ( 'woff2' ) ; unicode-range : U + 0000-00FF , U + 0131 , U + 0152-0153 , U + 02BB-02BC , U + 02C6 , U + 02DA , U + 02DC , U + 2000-206F , U + 2074 , U + 20AC , U + 2122 , U + 2191 , U + 2193 , U + 2212 , U + 2215 , U + FEFF , U + FFFD ; }
html { --primary : #41403e ; --secondary : #0071de ; --success : #86a361 ; --warning : #ddcd45 ; --danger : #a7342d ; --muted : #868e96 ; --primary-light : #c1c0bd ; --secondary-light : #deefff ; --success-light : #d0dbc2 ; --warning-light : #f5f0c6 ; --danger-light : #f0cbc9 ; --muted-light : #e6e7e9 ; --primary-dark : #000 ; --secondary-dark : #000 ; --success-dark : #374427 ; --warning-dark : #746a15 ; --danger-dark : #000 ; --muted-dark : #313538 ; --primary-light-10 : #5b5a57 ; --secondary-light-10 : #128bff ; --success-light-10 : #9fb681 ; --warning-light-10 : #e5d970 ; --danger-light-10 : #cb453c ; --muted-light-10 : #a1a8ae ; --primary-dark-10 : #272625 ; --secondary-dark-10 : #0057ab ; --success-dark-10 : #6c844d ; --warning-dark-10 : #cab925 ; --danger-dark-10 : #7f2722 ; --muted-dark-10 : #6c757d ; --primary-shaded-50 : #c1c0bd ; --primary-shaded-70 : #f2f2f2 ; --white-dark : rgba ( 0 , 0 , 0 , 0.03 ) ; --white-dark-light-80 : hsla ( 0 , 0 % , 80 % , 0.03 ) ; --light-dark : rgba ( 0 , 0 , 0 , 0.7 ) ; --white : #fff ; --main-background : #fff ; --main-background-light : #fff ; --primary-text : #272625 ; --secondary-text : #0057ab ; --success-text : #6c844d ; --warning-text : #cab925 ; --danger-text : #7f2722 ; --muted-text : #6c757d ; --primary-inverse : #fff } html , html . dark { --black : #000 ; --shadow-color-regular : rgba ( 0 , 0 , 0 , 0.2 ) ; --shadow-color-hover : rgba ( 0 , 0 , 0 , 0.3 ) } html . dark { --primary : #fff ; --secondary : #0071de ; --success : #189418 ; --warning : #ddcd45 ; --danger : #ff8c86 ; --muted : #868e96 ; --primary-light : #fff ; --secondary-light : #007ef8 ; --success-light : #1caa1c ; --warning-light : #e1d35b ; --danger-light : #ffa4a0 ; --muted-light : #949ba2 ; --primary-dark : grey ; --secondary-dark : #000 ; --success-dark : #031003 ; --warning-dark : #746a15 ; --danger-dark : #a00800 ; --muted-dark : #313538 ; --primary-light-10 : #fff ; --secondary-light-10 : #128bff ; --success-light-10 : #1fc01f ; --warning-light-10 : #e5d970 ; --danger-light-10 : #ffbcb9 ; --muted-light-10 : #a1a8ae ; --primary-dark-10 : #e6e6e6 ; --secondary-dark-10 : #0057ab ; --success-dark-10 : #116811 ; --warning-dark-10 : #cab925 ; --danger-dark-10 : #ff5c53 ; --muted-dark-10 : #6c757d ; --primary-shaded-50 : #343332 ; --primary-shaded-70 : #2f2e2d ; --white-dark : hsla ( 0 , 0 % , 100 % , 0.03 ) ; --white-dark-light-80 : hsla ( 0 , 0 % , 100 % , 0.03 ) ; --light-dark : hsla ( 0 , 0 % , 100 % , 0.7 ) ; --white : #fff ; --main-background : #41403e ; --main-background-light : #c1c0bd ; --primary-text : #41403e ; --secondary-text : #0057ab ; --success-text : #116811 ; --warning-text : #cab925 ; --danger-text : #ff5c53 ; --muted-text : #6c757d ; --primary-inverse : #41403e } . text-primary { color : #41403e ; color : var ( - - primary ) } . background-primary { background-color : #41403e ; background-color : var ( - - primary - light ) } . text-secondary { color : #41403e ; color : var ( - - secondary ) } . background-secondary { background-color : #41403e ; background-color : var ( - - secondary - light ) } . text-success { color : #41403e ; color : var ( - - success ) } . background-success { background-color : #41403e ; background-color : var ( - - success - light ) } . text-warning { color : #41403e ; color : var ( - - warning ) } . background-warning { background-color : #41403e ; background-color : var ( - - warning - light ) } . text-danger { color : #41403e ; color : var ( - - danger ) } . background-danger { background-color : #41403e ; background-color : var ( - - danger - light ) } . text-muted { color : #41403e ; color : var ( - - muted ) } . background-muted { background-color : #41403e ; background-color : var ( - - muted - light ) }
2021-08-13 20:00:03 +02:00
/*! 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 : 2 em ; margin : .67 em 0 } figcaption , figure , main { display : block } figure { margin : 1 em 40 px } hr { box-sizing : content-box ; height : 0 ; overflow : visible } pre { font-family : monospace , monospace ; font-size : 1 em } a { background-color : transparent ; -webkit- text-decoration-skip : objects } abbr [ title ] { border-bottom : none ; text-decoration : underline ; -webkit- text-decoration : underline dotted ; text-decoration : underline dotted } b , strong { font-weight : inherit ; font-weight : bolder } code , kbd , samp { font-family : monospace , monospace ; font-size : 1 em } 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 : -.25 em } sup { top : -.5 em } 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 : 1 px dotted ButtonText } fieldset { padding : .35 em .75 em .625 em } 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 : -2 px } [ 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 } [ hidden ] , template { display : none } html { box-sizing : border-box } * , : after , : before { box-sizing : inherit } . container . container-xs { max-width : 480 px } . container . container-sm { max-width : 768 px } . container . container-md { max-width : 992 px } . container . container-lg { max-width : 1200 px } . section { margin-bottom : 2 rem ; margin-top : 1 rem ; word-wrap : break-word } . section : after { color : #8f8d89 ; content : "~~~" ; display : block ; font-size : 1.5 rem ; position : relative ; text-align : center } hr { border : 0 } hr : after { color : #8f8d89 ; content : "~~~" ; display : block ; font-size : 1.5 rem ; position : relative ; text-align : center ; top : -.75 rem } . paper { background-color : #41403e ; background-color : var ( - - main - background ) ; border : 1 px solid #c1c0bd ; box-shadow : -1 px 5 px 35 px -9 px rgba ( 0 , 0 , 0 , .2 ) ; margin-bottom : 1 rem ; margin-top : 1 rem ; padding : 2 rem } @ media only screen and ( max-width : 480px ) { . paper { margin-bottom : 0 ; margin-top : 0 ; padding : 1 rem ; width : 100 % } } . row { display : flex ; flex-flow : row wrap ; margin-bottom : 1 rem ; margin-left : auto ; margin-right : auto } . row . flex-right { justify-content : flex-end } . row . flex-center { justify-content : center } . row . flex-edges { justify-content : space-between } . row . flex-spaces { justify-content : space-around } . row . flex-top { align-items : flex-start } . row . flex-middle { align-items : center } . row . flex-bottom { align-items : flex-end } . col { padding : 1 rem } @ media only screen and ( max-width : 768px ) { . col { flex : 0 0 100 % ; max-width : 100 % } } . col-fill { flex : 1 1 0 ; width : auto } @ media only screen and ( min-width : 0 ) { . col-1 { flex : 0 0 8.3333333333 % ; max-width : 8.3333333333 % } . col-2 { flex : 0 0 16.6666666667 % ; max-width : 16.6666666667 % } . col-3 { flex : 0 0 25 % ; max-width : 25 % } . col-4 { flex : 0 0 33.3333333333 % ; max-width : 33.3333333333 % } . col-5 { flex : 0 0 41.6666666667 % ; max-width : 41.6666666667 % } . col-6 { flex : 0 0 50 % ; max-width : 50 % } . col-7 { flex : 0 0 58.3333333333 % ; max-width : 58.3333333333 % } . col-8 { flex : 0 0 66.6666666667 % ; max-width : 66.6666666667 % } . col-9 { flex : 0 0 75 % ; max-width : 75 % } . col-10