@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,900;1,100;1,200;1,300;1,400;1,500;1,900&display=swap);#root,body,html{height:100%}body{background:#dfdfdf;color:#333;font-family:Fira Sans,sans-serif;font-size:1.4em}body,h1,h2,h3,p{margin:0}input,textarea{background-color:#fff;border:1px solid #d4d4d4;border-radius:4px;box-sizing:border-box;color:#333;display:block;font-size:1em;padding:8px;width:100%}.page-title{color:#786fa6}.error,.loading,.page-title{margin:40px auto;text-align:center}.error,.loading{color:#c44569}.App{min-height:100%}.App.dark{background-color:#596275}.blog{background:#fff;box-sizing:border-box;margin:40px auto;max-width:1200px;padding:40px;text-align:center}.blog .time{color:#778beb;font-size:small}.blog ul{display:flex;justify-content:center;margin-top:0;padding:0}.blog li{color:#777;list-style-type:none;margin-right:10px}.blog li:after{content:" -"}.blog li:last-child:after{content:""}.info{line-height:1.5em;text-align:left}.blog.dark{background:#555;color:#e4e4e4}.create{color:#555;margin:60px auto;max-width:480px}.create label span{display:block;margin:30px 0 10px}.create p{font-size:.8em;margin-top:10px}.create .btn{background-color:#786fa6;border:0;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1em;margin:20px auto;padding:8px;text-decoration:none;width:100px}.create .btn:hover{background-color:#fff;border:1px solid #786fa6;color:#786fa6}.blog-list{grid-gap:40px;display:grid;grid-template-columns:1fr 1fr;margin:40px auto;max-width:1300px}.blog-list .card{background:#fff;border-radius:4px;box-shadow:3px 3px 3px rgba(0,0,0,.05);color:#333;padding:20px;position:relative;transition:all .3s ease}.blog-list .card:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.blog-list .card h3{color:#786fa6;margin-bottom:6px}.blog-list .card p{color:#778beb;font-size:.9em}.blog-list .card div{color:#555;font-size:.7em;line-height:1.5em;margin:20px 0}.blog-list .card a{background:#e2e2e2;border-radius:4px;color:#786fa6;display:block;font-size:.9em;margin:20px auto 0;text-align:center;text-decoration:none;width:150px}.blog-list .card.dark{background:#555}.blog-list .card.dark div,.blog-list .card.dark h3,.blog-list .card.dark p{color:#e4e4e4}.delete{right:10px}.delete,.update{cursor:pointer;-webkit-filter:invert(20%);filter:invert(20%);position:absolute;top:10px}.update{right:50px}.delete.dark,.update.dark{-webkit-filter:invert(100%);filter:invert(100%)}.navbar{background:#786fa6;color:#fff;padding:20px}.navbar nav{align-items:center;display:flex;margin:0 auto;max-width:1200px}.navbar a.brand{color:#fff;margin-right:auto;text-decoration:none}.navbar a:last-child{border:1px solid #fff;border-radius:4px;color:#fff;margin-left:40px;padding:8px;text-decoration:none}.navbar a:last-child:hover{background:#fff;color:#786fa6}.searchbar form{align-items:center;display:flex}.searchbar input{margin-left:10px}.edit{color:#555;margin:60px auto;max-width:480px}.edit label span{display:block;margin:30px 0 10px}.edit p{font-size:.8em;margin-top:10px}.edit .btn{background-color:#786fa6;border:0;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1em;margin:20px auto;padding:8px;text-decoration:none;width:100px}.edit .btn:hover{background-color:#fff;border:1px solid #786fa6;color:#786fa6}.edit.dark{background:#596275;color:#e4e4e4}.edit.dark h2{color:#fff}.edit.dark button{background:#555}.theme-selector{align-items:center;display:flex;justify-content:flex-end;margin:20px auto;max-width:1200px}.theme-buttons div{border-radius:50%;cursor:pointer;display:inline-block;height:20px;margin-left:15px;width:20px}.mode-toggle{margin-right:auto}.mode-toggle img{cursor:pointer;height:24px;width:24px}
/*# sourceMappingURL=main.04126721.css.map*/