*{box-sizing:border-box}html{font-size:62.5%}body{font-family:Arial,Helvetica,sans-serif;color:#444;line-height:1.6;max-width:2000px}.layout,body{margin:0 auto}.layout{background-image:url(https://images.unsplash.com/photo-1555406952-814eb7de8cde?auto=format&fit=crop&ixid=eyJhcHBfaWQiOjEyMDd9&ixlib=rb-1.2.1&q=80&w=1267);height:100vh;background-size:cover;background-position:50%;display:flex;justify-content:center;align-items:center}.layout .layout-box{background:hsla(0,0%,100%,.85);border-radius:5px;padding:3.2rem 1.6rem;text-align:center;min-width:25rem}.layout .layout-box .layout-box__title{margin:0 0 3.2rem;line-height:1}.button,.remove{background-color:#007791;width:18rem;border:none;color:#fff;padding:15px;border-radius:5px;font-size:1.2rem;letter-spacing:1px;font-weight:700;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear;text-decoration:none}.button:hover,.remove:hover{background-color:#006278}@media (min-width:770px){.button,.remove{font-size:1.4rem}}.remove{background-color:#e80d09}.remove:hover{background-color:#b70a07}.header{background-color:#007791;font-size:.8rem}@media (min-width:770px){.header{font-size:1.6rem}}.header .header-content{display:flex;justify-content:space-between;padding:1.2rem 0}.header .header-content .header__title{text-decoration:none;color:#fff}.header .header-content .logout-btn{background-color:transparent;border:none;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear}.header .header-content .logout-btn:hover{color:#ccc}@media (min-width:770px){.header .header-content .logout-btn{font-size:1.6rem}}.container{margin:0 auto;padding:0 3.2rem;max-width:80rem}.summary{background-color:#f6f6f6;margin-bottom:3.2rem;padding:3.2rem 0}.summary .summary-title{font-size:1.6rem;margin:0 0 3.2rem}@media (min-width:770px){.summary .summary-title{font-size:2rem}}.input-group{display:flex;flex-direction:column;margin-bottom:1.6rem}.input-group__item{margin-bottom:1.2rem}.select-input,.text-input,.textarea{border:1px solid #cacccd;border-radius:5px;height:46px;font-size:1.6rem;padding:0 1.2rem}.textarea{height:10rem;padding:1.2rem}@media (min-width:770px){.input-group{flex-direction:row;margin-bottom:3.2rem}.input-group__item{margin:0 1.6rem 0 0}}.form{display:flex;flex-direction:column}.form>*{margin-bottom:1.6rem}.form__error{font-size:1.6rem;font-style:italic}@media (min-width:770px){.mobile{display:none}}@media (max-width:769px){.desktop{display:none}}.list-header{background-color:#f6f6f6;border:1px solid #ddd;display:flex;color:#555;font-size:1.2rem;justify-content:space-between;padding:1.2rem 1.6rem}.list-body{margin-bottom:1.6rem}@media (min-width:770px){.list-body{margin-bottom:3.2rem}}.list-item{display:flex;flex-direction:column;border:1px solid #c3c3c3;border-top:none;padding:1.2rem 1.6rem;text-decoration:none;color:#555;font-size:1.2rem;-webkit-transition:all .2s linear;transition:all .2s linear}.list-item:hover{background-color:#f6f6f6}@media (min-width:770px){.list-item{flex-direction:row;justify-content:space-between;align-items:center;font-size:1.6rem}}.list-item__message{text-align:center;font-size:1.2rem;font-weight:700}.list-item__title{word-break:break-all}.list-item__date{color:#555;font-style:italic;font-weight:600}@media (min-width:770px){.list-item__amount{padding-left:1.6rem}}.loader{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.loader .loader-image{width:4rem;height:4rem}@media (min-width:770px){.loader .loader-image{width:6rem;height:6rem}}
/*# sourceMappingURL=main.cd27e077.chunk.css.map */