@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap");body,html{padding:0;margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#171a34}body{background:#f6f8fa}a{color:inherit;text-decoration:none}*{margin:0;box-sizing:border-box}.header{padding:0 24px;background-color:#fff;display:flex;align-items:center;box-shadow:0 2px 16px #ccc;position:fixed;width:100%;height:64px;top:0;z-index:1}.logo{font-size:24px;font-weight:700}.add-note__btn{margin-left:auto}.add-note__btn,.add-note__fab{display:flex;align-items:center}.add-note__fab{position:fixed;bottom:24px;right:24px;height:52px;width:52px;border-radius:50%!important;justify-content:center;display:none;box-shadow:0 4px 20px #6a61bf}.button__primary{border:none;background-color:#6a61bf;border-radius:4px;padding:12px 24px;color:#fff;transition:all .3s ease-in-out;cursor:pointer}.button__primary:hover{background-color:#6a61bf;box-shadow:0 2px 6px #777}.button__primary:active{box-shadow:0 2px 12px #6a61bf}.button__primary:disabled{opacity:.7;pointer-events:none}@media (max-width:420px){.add-note__btn{display:none}.add-note__fab{display:flex}}