body{background-attachment:fixed;background-color:#315481;background-image:linear-gradient(180deg,#315481,#918e82);bottom:0;font-family:sans-serif;font-size:14px;left:0;margin:0;padding:0;position:absolute;right:0;top:0}button{border:none;box-shadow:0 3px 3px rgba(34,25,25,.4);color:#252121;cursor:pointer;font-size:1em;font-weight:700;padding:5px}button:focus{outline:0}header{background:#d2edf4;background-image:linear-gradient(180deg,#d0edf5,#e1e5f0);box-shadow:0 3px 3px rgba(34,25,25,.4);padding:20px 15px 15px;position:relative}.app{display:flex;flex-direction:column;height:100vh}.app-bar{display:flex;justify-content:space-between}.app-header{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar h1{display:inline-block;font-size:1.5em;margin:0 1em 0 0}.main{background:#fff;display:flex;flex-direction:column;flex-grow:1;overflow:auto}.main::-webkit-scrollbar{background:inherit;height:0;width:0}.contact-form{display:flex;margin:16px}.contact-form>input{background:transparent;border:1px solid #aaa;box-sizing:border-box;flex-grow:1;font-size:1em;margin-right:16px;padding:10px 6px;width:100%}.contact-form>input:focus{outline:0}.contact-form>button{background-color:#315481;height:95%;min-width:100px}.contacts{list-style-type:none;margin-block-end:0;margin-block-start:0;padding-inline-start:0;padding-left:16px;padding-right:16px}.contacts>li{align-items:center;border-bottom:1px solid #eee;display:flex;padding:16px}.contacts>li>span{flex-grow:1}.contacts>li>button{background-color:#ff3046;justify-self:flex-end}.filter{display:flex;justify-content:center}.filter>button{background-color:#62807e}.login-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.login-form>div{margin:8px}.login-form>div>label{font-weight:700}.login-form>div>input{background:transparent;border:1px solid #aaa;box-sizing:border-box;flex-grow:1;font-size:1em;margin-right:16px;margin-top:4px;padding:10px 6px;width:100%}.login-form>div>input:focus{outline:0}.login-form>div>button{background-color:#62807e}.user{align-self:flex-end;cursor:pointer;display:flex;font-weight:700;margin:8px 16px 0}#dashboard{background-color:#f5f1f1;display:flex;flex-direction:column}.capitalize{text-transform:capitalize}.lowerCase{text-transform:lowercase}