body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f4f4;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,div,h1,h2,h3,p{box-sizing:border-box;margin:0;padding:0}nav{align-items:center;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;height:60px;justify-content:space-between;padding:0 20px}nav .siteTitle{color:#333;font-size:1.3rem;font-weight:650}nav a{color:#333;font-weight:500;margin-left:20px;text-decoration:none;transition:color .5s ease}nav a:hover{color:#007bff}.main{padding:20px;width:100}.background-about,.main{background-color:#f4f4f4;height:100vh}.background-about{width:100vw}.text-about{margin:20px}input[type=text],textarea{border:1px solid #ddd;border-radius:4px;padding:10px 20px 10px 10px}button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;z-index:99}button:hover{background:#0056b3}button.thumb-button{background:transparent;color:#007bff;height:-webkit-min-content;height:min-content;transition:all .5s ease;width:45px}button.thumb-button:hover{color:#db4437;-webkit-transform:translateY(-3px);transform:translateY(-3px)}button.delete-button{background:transparent;color:#c1351d;height:-webkit-min-content;height:min-content;transition:all .5s ease;width:45px;z-index:99}button.delete-button:hover{color:#db4437;-webkit-transform:translateY(-3px);transform:translateY(-3px)}button.edit-button{background:transparent;color:#d5b63a;height:-webkit-min-content;height:min-content;transition:all .5s ease;width:45px;z-index:99}button.edit-button:hover{color:#db4437;-webkit-transform:translateY(-3px);transform:translateY(-3px)}button.submit-comment-button{background:transparent;color:#13cb3e;height:-webkit-min-content;height:min-content;transition:all .5s ease;width:45px}button.submit-comment-button:hover{color:#db4437;-webkit-transform:translateY(-3px);transform:translateY(-3px)}p.username-comment{color:#0056b3;font-size:medium;font-weight:600}.comment-post{border:5px solid #eee;border-radius:10px;margin-bottom:10px;padding:5px}.comment-post,.comment-post-buttons{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}.postDate{color:gray;font-size:small}.markdown{background:#fff;border-radius:4px;margin-top:20px;padding:20px}.markdown .post-tag-input,.markdown h1{color:#333;margin-bottom:10px}.markdown .post-tag-input{width:90%}.homePage .post{background:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;padding:20px}.homePage .postHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.deletePost{cursor:pointer;position:relative;right:0;top:0;z-index:99}.homePage .deletePost button{background:#ff3860;z-index:99}.homePage .deletePost button:hover{background:#e12f50}.loginPage{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.loginPage p{margin-bottom:20px}.login-with-google-btn{background-color:#db4437;color:#fff;height:50px;transition:background-color .4s ease;width:200px}.login-with-google-btn:hover{background-color:#c1351d}.postTag{background:#e1e1e1;border-radius:3px;display:inline-block;font-size:.8em;margin:5px;padding:5px}.tag-input-container{position:relative;width:100%}.tag-suggestions{border-radius:5px;border-top:none;max-height:100px;overflow-y:auto;width:100%;z-index:10}.suggestion{background-color:#fff;border-radius:10px;cursor:pointer;padding:5px;transition:background-color .5s ease}.tag-system{width:20%}.suggestion:hover{background-color:#f0f0f0}.selected-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.selected-tag{align-items:center;background:#e4e1e1;border-radius:10px;display:flex;padding:5px}.selected-tag button{background:none;border:none;cursor:pointer;margin-left:5px}.tag-search{display:inline;padding-right:10px}.postLink{color:#007bff;cursor:pointer;position:relative;text-decoration:none;z-index:1}textarea{resize:none}.post.contents{word-wrap:break-word}.post{border-radius:5px;box-sizing:border-box;cursor:pointer;display:inline-flex;overflow-wrap:break-word;padding:10px;transition:background-color .5s ease;word-break:break-all;z-index:1}.post:hover{background-color:#ddd}.home-post-list{display:column;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(100px,2fr));grid-template-rows:masonry;margin-top:10vh;position:relative}.home-post-list>*{-webkit-column-break-inside:avoid;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.post-name-delete{display:flex}.loader{-webkit-animation:l13 1s linear infinite;animation:l13 1s linear infinite;aspect-ratio:1;background:radial-gradient(farthest-side,#333 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,#333);border-radius:50%;left:50%;margin-right:-50%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);position:absolute;top:50%;width:75px}@-webkit-keyframes l13{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes l13{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}img{height:auto;max-height:500px;max-width:500px;width:auto}
/*# sourceMappingURL=main.dd16e60f.css.map*/