body,html{box-sizing:border-box}a,body,h1,h2,h3,h4,h5,html,label,p{margin:0;padding:0}body,html{background-color:var(--color-background);color:var(--color-text);font-family:Roboto,sans-serif}.container{margin:20px auto;max-width:800px;padding:0 10px}html[data-theme=light]{--color-background:#f3f4f5;--color-text:#000;--color-background-accent:#fff}html[data-theme=dark]{--color-background:#242526;--color-text:#fff;--color-background-accent:#000}.navBar{align-items:center;border-bottom:1px solid orange;justify-content:space-between;padding:20px 10px}.logo,.navBar{display:flex}.react{color:orange}.links{-webkit-column-gap:15px;column-gap:15px;display:flex}.link{color:var(--color-text);text-decoration:none}.link::hover{color:orange}.link.active{color:var(--color-text);font-weight:700;text-decoration:none}.myBtn{background-color:transparent;border:1px solid red;border-radius:5px;color:red;max-width:100px;padding:5px 10px}.myTextArea{background:transparent;border:none;color:var(--color-text);margin-top:10px}.myTextArea::active{border:none;border-bottom:1px solid var(--color-text);outline:none}.notfoundpage{align-items:center;display:flex;height:calc(100vh - 200px);justify-content:center;text-align:center}.notesList{display:flex;flex-direction:column;row-gap:15px}.noteItem{background:var(--color-background-accent);border-radius:20px;color:var(--color-text);padding:15px;text-decoration:none;white-space:nowrap}.noteItem__title{margin-bottom:10px}.noteItem__body,.noteItem__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noteAddBtn{background:orange;border-radius:50%;height:75px;left:75%;position:absolute;top:85%;width:75px}.noteAddBtn:after{color:#fff;content:"+";font-size:40px;left:26px;position:relative;top:15px}.notePage{display:flex;flex-direction:column}
/*# sourceMappingURL=main.d67e0a23.css.map*/