@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&display=swap" rel="stylesheet);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}.App{max-width:30em;margin:0 auto;height:100vh;display:flex;flex-direction:column;font-family:"Montserrat",sans-serif;font-weight:400;font-size:1em;color:#fff;background-color:#102c30;box-shadow:4px 39px 80px 0 rgba(0,0,0,.75)}.App>*{flex:1 1 auto}.Background{background-color:#071517}a:hover{cursor:pointer}.h1{font-size:2em}.h1,.h2{font-weight:700}.h2{font-size:1.5em}.h3{font-size:1.2em;font-weight:100}.h4{font-size:1em;font-weight:700}.app__welcome{display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;padding:0 1em}.app__welcome div{margin:.3em 0}.app__welcome button{width:14em;margin-top:1em}.header{background-color:#0b1e21;display:flex;justify-content:center;padding:.5em;max-height:3em;min-height:3em;color:#f6ffb6;align-items:center}.logos{width:100%}.logos>img{max-width:25%;max-height:25%;display:block;margin-left:auto;margin-right:auto}.merkinta{border-top:1em solid #102c30;border-left:1em solid #102c30;border-right:1em solid #102c30;display:flex;background-color:rgba(0,0,0,.2)}.merkinta__rivi{display:flex;justify-content:space-between;padding-bottom:.2em}.merkinta__tyyppi{font-weight:700}.merkinta__paino{font-size:85%}.merkinta__tyyppi{font-size:1.2em;margin-bottom:.2em}.merkinta__paivamaara{font-size:85%;color:#576a6d}.merkinta>div{flex:1 1 auto;padding:1em}.merkinta__linkki{max-width:1em;display:flex;align-items:center;justify-content:center;background-color:transparent;-webkit-transition:.3s;transition:.3s}.merkinta:hover .merkinta__linkki{background-color:rgba(0,0,0,.2);cursor:pointer}.merkinta__linkki a{color:#000}.content{overflow-y:scroll;-webkit-overflow-scrolling:touch;position:relative}::-webkit-scrollbar{width:0}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(16,44,48,.1)}.button{background-color:#576a6d;color:#000;border:none;font-family:"Montserrat",sans-serif;outline:none;padding:1em;margin:.5em 0;border-radius:12em;box-shadow:0 14px 53px -8px rgba(0,0,0,.4);font-weight:700;font-size:.8em;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:.8;height:4em;-webkit-transition:.3s;transition:.3s;text-decoration:none}.button:active{box-shadow:0 14px 53px -8px rgba(0,0,0,.7);background-color:#a0abad}.button:hover{opacity:1;cursor:pointer}.button--primary{background-color:#008300;color:#fff}.button--primary:active{background-color:#65b4ff}.button--secondary{color:#fff}.button--secondary,.button--secondary:active{background-color:#e0009d}.button--icon{background-color:transparent;color:hsla(0,0%,100%,.8);width:4em;box-shadow:none}.button--icon:hover{background-color:rgba(0,0,0,.2);color:#fff;width:4em;box-shadow:none}.button:disabled{background-color:#ccc;color:#999;box-shadow:none}.button--floating{position:-webkit-sticky;position:sticky;float:right;bottom:1rem;right:1rem;border-radius:50%;font-size:2.4rem;width:2em;height:2em;margin:0 auto;padding:0}.stats{padding:2em;display:flex;flex-direction:column;min-height:100%;box-sizing:border-box}.stats__graph{height:20em;position:relative;margin-bottom:.5em}.stats h4{margin-top:1em;margin-bottom:1em}.form__element{border-top:1px solid #576a6d;padding-top:2em;margin-top:1em}h3{font-weight:100}.iteform label{font-size:.8em;margin-bottom:.5em}.settings{padding:2em}.settings h3{margin-top:.5em}.settings__items{padding-top:1em;font-size:1.1em}.settings__items>div{padding:.7em;border-radius:.2em}.settings__items>div:nth-child(odd){background-color:rgba(0,0,0,.3)}.settingsForm{display:flex;padding-bottom:.5em}.settingsForm input{flex:1 1 auto;color:#fff;padding:.5em;border:none;border-radius:.3em;font-size:1.1em;font-family:"Montserrat",sans-serif;box-sizing:border-box;outline:none;background-color:rgba(0,0,0,.3)}.label__form{margin-top:1em;margin-bottom:.3em}.label__form label{font-size:.9em}::-webkit-input-placeholder{color:hsla(0,0%,100%,.2)}::placeholder{color:hsla(0,0%,100%,.2)}:-ms-input-placeholder{color:hsla(0,0%,100%,.2)}::-ms-input-placeholder{color:hsla(0,0%,100%,.2)}.settings__profile{justify-content:space-between;align-items:center;margin-bottom:1em}.settings__userdata{display:flex;align-items:center}.settings__userdata img{width:80px;height:80px;border-radius:50%;margin:1em 1em 1em 0}.settings__userdata button{width:12em;margin-top:1em}.menu{background-color:#0b1e21;display:flex;justify-content:space-evenly;max-height:3em;min-height:3em;align-items:center}.menu__nappi{opacity:.5;-webkit-transition:.3s;transition:.3s}.menu__nappi:hover{opacity:.8}.itemform{flex-direction:column}.itemform,.itemform__row{display:flex}.itemform__row>div{display:flex;flex-direction:column;justify-content:center;margin:.5em .3em;flex:1 1 auto;width:50%}.itemform__row>div label{font-size:.9em;margin-bottom:.3em}.itemform input,.itemform select{padding:.5em;border:none;color:#fff;border-radius:.3em;font-size:1.2em;font-family:"Montserrat",sans-serif;box-sizing:border-box;outline:none;width:100%;background-color:rgba(0,0,0,.3)}select{-webkit-appearance:none;-moz-appearance:none;background:transparent;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='32' viewBox='0 0 24 24' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:100%;background-position-y:5px;border:1px solid #dfdfdf;border-radius:2px;margin-right:2rem;padding:1rem 2rem 1rem 1rem}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.additem,.edititem{padding:2em}h2{margin-bottom:.5em}a{text-decoration:none}.container{padding-left:1.5em;padding-right:1.5em;padding-bottom:1.5em}.button__style button{width:50%}.info__headline,.info__ingress{line-height:2em;padding-bottom:1.5em}.info__headline h1{padding-top:1em}.info__body{line-height:1.8em;padding-bottom:1.5em}.headerimage{padding-top:10px;width:50%;display:block;margin-left:auto;margin-right:auto;-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-animation:swinging 5s ease-in-out infinite forwards;animation:swinging 5s ease-in-out infinite forwards}@-webkit-keyframes swinging{0%{-webkit-transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(5deg)}}@keyframes swinging{0%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.headerimage__background{background:-webkit-gradient(linear,left top,left bottom,color-stop(35%,#0b1e21),color-stop(35%,#102c30));background:linear-gradient(180deg,#0b1e21 35%,#102c30 0)}
/*# sourceMappingURL=main.145e54be.chunk.css.map */