:root{--primary: lightyellow;--secondary: #f886f2;--secondary-tp: rgba(248, 134, 242, .5);--analogous-1: #d0b191;--analogous-2: #b1d091;--triadic-1: #91d091;--triadic-2: #91d0d0;--text-dark: #523016;--text-light: #b4926e;--background: #FFF}html{font-family:Josefin Sans,sans-serif;background-color:var(--background);color:var(--text-dark)}.calm-font{font-family:Raleway,sans-serif}body{margin:0;padding:0}h1,h2,h3,h4,h5{margin-top:0;font-weight:lighter}.flex{display:flex;align-items:baseline}.flex-column{align-items:baseline;display:flex;flex-direction:column}.flex-row{align-items:baseline;display:flex;flex-direction:row;flex-wrap:wrap}.vcenter{align-items:center}.end{justify-content:end}a{text-decoration:none;color:var(--text-dark)}ul.menu li{margin:.3em}ul.menu{width:100vw;list-style:none;padding:0;margin:0;display:flex}.info{font-size:.7em}.toolbar{height:80px;background-color:var(--secondary-tp);font-family:Josefin Sans,sans-serif;font-weight:100}.toolbar .title>img{height:60px;margin-left:1em}.toolbar .title{font-size:1.5em;font-weight:lighter;margin-left:1em;width:15vw}div.icon-button{cursor:pointer}input{border:none;outline:none;color:var(--text-light);font-size:1.2em;font-weight:lighter;background-color:transparent}input[type=number].toggle::-webkit-inner-spin-button,input[type=number].toggle::-webkit-outer-spin-button{opacity:1;cursor:pointer}button{border:1px solid var(--text-dark);background-color:transparent;font-size:1em;padding:.3em;cursor:pointer}button.small{background-color:transparent;color:#91d091;border:none;width:30px;height:30px;font-size:1.3em}.menu button{border-radius:.5em;color:var(--secondary);background-color:#fff;border:none;display:flex;align-content:center;justify-content:center;padding:.5em 1em;align-items:center}.menu button>svg{margin-right:.5em}button,.icon-button>i,a.floating-action-button{transition:all .2s ease-in-out}button:hover,.icon-button>i:hover,a.floating-action-button:hover{opacity:.8}button:active,.icon-button>i:active,a.floating-action-button:active{opacity:.6}button.primary{background-color:var(--secondary);color:#fff;border-color:transparent}button.delete{background-color:#f003;color:#000;border-color:transparent}button.toggle{border-color:transparent;box-shadow:none}.yellow{background-color:var(--primary)!important}.text-black{color:var(--text-dark)!important}.text-blue{color:var(--secondary)!important}.blue{background-color:var(--secondary)!important}.border-blue{border:1px solid var(--secondary)!important}.dashed{border-style:dashed!important;border-width:1px!important}.card{border:1px solid var(--text-light);padding:.5em}.card>div.actions{display:flex;justify-content:end}.card>div.actions>*{margin-left:1em}.rounded-top{border-top-left-radius:.5em;border-top-right-radius:.5em}.rounded-bottom{border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.align-end{justify-content:flex-end}.justify-center{justify-content:center}.align-center{align-items:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.secondary-bg{background-color:var(--secondary)}.primary-bg{background-color:var(--primary)}.grey-bg{background-color:#eee}.cherry-bg{background-color:#8b0000}.waffle-bg{background-color:#f4a460}.white-color{color:#fff}main{margin:2em auto;padding:0 1rem;width:70vw;max-width:calc(100% - 2rem);font-size:clamp(1.3rem,2vw,1rem);line-height:1.6;box-sizing:border-box}.panel{padding-top:3rem;padding-bottom:3rem}.popover{position:absolute;right:0;top:54px;height:100vh;overflow:scroll;width:20vw}.text-center{text-align:center}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.ml-1{margin-left:1rem}.ml-2{margin-left:2rem}.ml-3{margin-left:3rem}.ml-4{margin-left:4rem}.ml-5{margin-left:5rem}.mr-1{margin-right:1rem}.mr-2{margin-right:2rem}.mr-3{margin-right:3rem}.mr-4{margin-right:4rem}.mr-5{margin-right:5rem}.pl-1{padding-left:1rem}.pl-2{padding-left:2rem}.pl-3{padding-left:3rem}.pl-4{padding-left:4rem}.pl-5{padding-left:5rem}.pr-1{padding-right:1rem}.pr-2{padding-right:2rem}.pr-3{padding-right:3rem}.pr-4{padding-right:4rem}.pr-5{padding-right:5rem}.pt-1{padding-top:1rem}.pt-2{padding-top:2rem}.pt-3{padding-top:3rem}.pt-4{padding-top:4rem}.pt-5{padding-top:5rem}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:2rem}.pb-3{padding-bottom:3rem}.pb-4{padding-bottom:4rem}.pb-5{padding-bottom:5rem}@media only screen and (max-width: 899px){main{padding:0;width:100vw;max-width:96vw;font-size:clamp(1rem,2vw,1rem)}.popover{position:static;top:60vh;width:100%;background-color:#fff}.toolbar .title>img{height:40px;margin-left:0}.title>span{display:none}}