body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*,:after,:before{box-sizing:border-box}button{cursor:pointer}body{background-image:linear-gradient(135deg,#fdfcfb,#e2d1c3);background-repeat:no-repeat;background-attachment:fixed}button:hover{transform:scale(1.1)}.List{margin:.5%;display:flex;flex-wrap:wrap}.List .title{color:#000;font-size:1.3rem;font-weight:450;font-style:italic;font-family:cursive;text-decoration:underline}.List .card a{display:block;width:100%;height:100%;border:1px solid #868686;padding:15px;border-radius:4px}.List .card{margin:1%;box-shadow:1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3,1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3;padding:5px;background-image:linear-gradient(0deg,#e6e9f0 0,#eef1f5);height:33.5vh;flex-basis:48%}.List .list-content{text-indent:30px;margin:10px 20px;text-align:justify;color:#303030;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.List .card-link{text-decoration:none}.List .card:hover{transform:scale(1.009)}@media screen and (max-width:700px){.List{display:block}}@media screen and (max-device-width:1000px){.List{display:block}}.Navigation{display:flex;background:linear-gradient(180deg,hsla(0,0%,100%,.15) 0,rgba(0,0,0,.15)),radial-gradient(at top center,hsla(0,0%,100%,.4) 0,rgba(0,0,0,.4) 120%) #989898;background-blend-mode:multiply,multiply}.Navigation .nav-links{display:flex;width:100%}.Navigation .nav-links a{text-decoration:none;color:#fff;flex:33.33% 1;display:flex;justify-content:center;height:7vh;align-items:center;font-size:1.3rem;font-weight:700;border-right:1px solid #fff}.Navigation .nav-links:last-child a{border-right:0}.Navigation .active{background-color:#000}.Navigation .nav-links:not(.active) a:hover{background-color:#a9a9a9}.login-container{display:flex;justify-content:center}.login-container .Login{background-image:linear-gradient(0deg,#dfe9f3 0,#fff);padding:30px;border-radius:4px;box-shadow:1px 1px 4px #d3d3d3;flex-basis:70%;margin-top:5%;margin-bottom:2%}.login-container #password,.login-container #username{font-size:1.1rem;width:100%;padding:10px}.login-container .form-group label{font-size:1.1rem;font-weight:450}.login-container .login-btn{background-color:#00f;color:#fff;border:none;font-size:1.1rem;padding:10px 25px;border-radius:5px;margin-top:10px}.login-container .form-group{margin-bottom:10px}@media screen and (max-device-width:1000px){.login-container .Login{flex-basis:100%;box-shadow:none;margin-top:0;margin-bottom:0}.login-container{background-image:linear-gradient(0deg,#dfe9f3 0,#fff);min-height:100vh}}@media screen and (max-width:700px){.login-container .Login{flex-basis:100%;box-shadow:none;margin-top:0;margin-bottom:0}.login-container{background-image:linear-gradient(0deg,#dfe9f3 0,#fff);min-height:100vh}}.CommentForm{background-color:#d3d3d3;padding:20px;border-radius:4px}.CommentForm .comment{display:block;font-weight:450;line-height:150%}.CommentForm #comment{width:100%;font-size:1.3rem;padding:10px;height:20vh;font-family:Georgia,"Times New Roman",Times,serif;border-radius:4px;resize:vertical}.CommentForm .comment-btn{margin:10px 0}.CommentForm .comment-btn button{padding:8px 14px;background-color:#292929;outline:1px solid #292929;border:1px solid #fff;color:#fff;border-radius:4px}.comment-card{background-color:#eee;padding:20px;border-radius:4px;margin:10px;position:relative}.comment-card .user{font-size:1.1rem;font-weight:500;color:#000}.comment-card .comment{text-indent:25px;color:#000}.comment-card .delete-comment-btn{position:absolute;top:13%;right:2%;cursor:pointer}.comment-card .delete-comment-btn ::-moz-focus-inner{display:block;background-color:tomato;transform:scale(3)}.Detail{margin:20px}.Detail .title{color:#000;font-size:1.3rem;font-weight:450;font-style:italic;font-family:cursive;text-decoration:underline}.Detail .blog{box-shadow:1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3,1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3;border-radius:4px;padding:20px;background-image:linear-gradient(0deg,#e6e9f0 0,#eef1f5);white-space:pre-wrap;word-wrap:break-word;overflow:hidden;word-break:keep-all;text-overflow:ellipsis;margin-bottom:30px}.Detail .content{text-indent:30px;margin:10px 20px;text-align:justify;color:#303030}.Detail .delete-btn,.Detail .update-btn{display:inline-block}.Detail .delete-btn button,.Detail .update-btn button{margin:20px;font-size:1rem;padding:8px 14px;font-weight:540;color:#fff;background-color:#00f;border:1px solid #fff;outline:1px solid #00f;border-radius:3px}.Detail .delete-btn button{background-color:red;outline:1px solid red}.Detail .comments{margin:5px}.Detail .comments-container{background-color:#707070;padding:10px;margin-top:20px;border-radius:4px}.form-container{min-height:89vh;margin:2vh;display:flex;justify-content:center}.form-container,.form-group{position:relative}.form-container .Form{background-image:linear-gradient(0deg,#dfe9f3 0,#fff);flex-basis:80%;padding:20px;border-radius:4px;position:relative;box-shadow:1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3,1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3}.form-container #title{display:block;width:100%;font-size:1.1rem;padding:6px;font-family:Georgia,"Times New Roman",Times,serif}.form-container .form-group label{font-size:1.3rem;text-decoration:underline;margin-bottom:6px;display:block}.form-container .form-group{margin-bottom:15px}.form-container #content{font-size:1.1rem;padding:6px;font-family:Verdana,Geneva,Tahoma,sans-serif;resize:vertical;width:100%;height:56vh}.form-container .submit-btn{padding:10px 15px;border-radius:5px;border:none;background-color:#00f;color:#fff;font-size:1.1rem}@media screen and (max-device-width:1000px){.form-container .Form{flex-basis:100%}.form-container{margin:1vh}}@media screen and (max-width:600px){.form-container .Form{flex-basis:100%}.form-container{margin:1vh}}.Delete{margin:20px}.Delete .title{color:#000;font-size:1.3rem;font-weight:450;font-style:italic;font-family:cursive;text-decoration:underline}.Delete .detail{box-shadow:1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3,1px 1px 5px #d3d3d3,-1px -1px 5px #d3d3d3;border-radius:4px;padding:20px;background-image:linear-gradient(0deg,#e6e9f0 0,#eef1f5)}.Delete .content{text-indent:30px;margin:10px 20px;text-align:justify;color:#303030}.Delete .delete-btn button{background-color:red;outline:1px solid red;font-size:1rem;padding:8px 14px;font-weight:540;color:#fff;border:1px solid #fff;border-radius:3px}.Delete .confirm-delete-msg{font-weight:700}
/*# sourceMappingURL=main.d6168adb.chunk.css.map */