body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(90deg,#f6a7ff,#a3f7ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-y:overlay}h1{color:#5f5f5f;font-size:50px;font-weight:400}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App .body-main{margin-top:60px}img:-moz-broken{background-color:#fff;opacity:0}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container-image{margin-top:150px}.container-image img{border-radius:20px;height:360px;width:400px}@media only screen and (max-width:600px){.container-image img{height:240px;margin-top:50px;width:300px}}.navbar{align-items:center;background-image:linear-gradient(90deg,#f6a7ffe0,#a3f7ffdb);color:#000;display:flex;height:60px;padding-left:7px;padding-right:10px;position:fixed;top:0;width:100%;z-index:10}a{text-decoration:none!important}.navbar div{display:flex;justify-content:center}.navbar li{display:inline;padding:2%}.navbar img{display:inline;height:50px}.navbar .first{justify-content:left!important;padding-left:10px;width:20%}.navbar .middle{flex-grow:3}.navbar .middle pre{cursor:pointer;display:inline;font-size:18px}.navbar .last{justify-content:right;padding-right:30px;width:20%}.navbar .last button{background-color:#0094e3;border:none;border-radius:20px;color:#fff;font-size:15px;height:40px;outline:none;overflow:hidden;-webkit-transform:scaleX(1);transform:scaleX(1);transition-duration:.2s;width:120px}.navbar .last button span{display:none}.navbar .last .user{cursor:pointer}#menuclose{display:inline;margin-right:185px}.navbar .last button:hover .hide{display:inline;margin-left:5px;transition:all .5s ease}.navbar .last .user{background-color:#fff;border-radius:25px;box-shadow:1px 1px 4px #dbdbdb;padding:5px}.last .logo{background-color:#009ccc;border-radius:20px;box-shadow:1px 1px 5px #a0a0a0;color:#f0f8ff;height:20px;padding:10px;width:20px}.last .onlypc{color:#196464;margin-left:20px;margin-top:15px;padding:5px;transition-duration:.3s}.last .onlypc:hover{color:#c95a00;transition-duration:.3s}.side-nav{background-color:#344c55;color:#fff;display:none;height:100%;padding-top:15px;position:fixed;top:0;width:260px;z-index:10}.side-nav .main-h{background-color:gray;border:none;height:2px;margin-left:20%;margin-right:20%;outline:none}.side-nav div{padding-top:40%}.side-nav li{list-style:none;padding:5%;text-align:center}li{cursor:pointer;-webkit-transform:scale(1);transform:scale(1)}li,li:hover{transition-duration:.2s}li:hover{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important}#menuclose{display:none}@media only screen and (max-width:600px){.side-nav{align-items:center;width:100%}#menuclose{margin-top:160%;position:absolute}.side-nav i{text-align:center}.navbar .last{justify-content:right;padding-right:15px;width:20%}.navbar .last button{width:80px}}.main-container{display:flex;flex-wrap:wrap;justify-content:center;margin-left:10%;margin-top:65px;width:80%}.main-container .blog{background-color:#fff;border-radius:5px;box-shadow:1px 2px 5px #b8b8b8;cursor:pointer;margin:10px;-webkit-transform:scale(1);transform:scale(1);transition-duration:.3s;width:300px}.main-container .blog:hover{-webkit-transform:scale(1.03);transform:scale(1.03);transition-duration:.3s}.main-container .image img{align-items:center;border-radius:5px 5px 0 0;height:200px;width:100%}.body{padding-bottom:20px!important}.main-container .contain{color:grey;font-size:12.5px;height:145px;overflow:hidden;padding:10px}.footer span{float:right}@media only screen and (max-width:600px){.main-container{margin-left:0;width:100%}.main-container .blog{width:360px}}.container{align-items:center;display:flex;flex-direction:row;height:630px;justify-content:center;overflow-y:hidden}.container .blog{background-color:#fff;border-color:#000!important;border-radius:5px;box-shadow:2px 2px 3px #acacac;height:480px;overflow:hidden;-webkit-transform:scale(1.1);transform:scale(1.1);transition-duration:.5s;width:300px;z-index:2}.container .blog:hover{-webkit-transform:scale(1.13);transform:scale(1.13);transition-duration:.5s}@media only screen and (max-width:600px){.container *{margin:0!important}.container{height:660px;padding-bottom:10px;padding-left:10px;padding-right:10px}.container .blog{box-shadow:2px 3px 3px #d3d3d3;-webkit-transform:scale(1.1);transform:scale(1.1);width:1200px!important}.blog2,.container .blog{background-color:#fff;border-color:#000!important;border-radius:5px;height:500px;transition-duration:.5s}.blog2{box-shadow:2px 2px 5px #c3c3c3;overflow:hidden;-webkit-transform:scale(1);transform:scale(1)}.container .blog .image img{align-items:center;border-radius:5px 5px 0 0;height:190px;width:100%!important}.container .b1{margin-left:-85%!important}.container .b2{margin-right:-85%!important}}.blog2{background-color:#fff;border-color:#000!important;border-radius:5px;box-shadow:1px 3px 3px #bebebe;height:480px;margin:20px;overflow:hidden;-webkit-transform:scale(1);transform:scale(1);width:190px;z-index:1}.blog2,.blog2:hover{transition-duration:.5s}.blog2:hover{box-shadow:1px 1px 1px #d1d1d1;-webkit-transform:scale(1.03);transform:scale(1.03)}.image img{align-items:center;border-radius:5px 5px 0 0;height:190px;width:300px}.header{background-color:#e4faff;border-left:4px;border-color:#5ea6ff;border-left-style:solid;font-weight:500;height:25px;overflow:hidden;padding:7px}.body{padding:10px;text-align:left}.contain{color:#898989;font-size:12.5px;height:110px;overflow-y:hidden;padding:10px}.footer button{background-color:#8a2be2;border:none;border-radius:5px;box-shadow:1px 1px 5px #ccc;color:#fff;float:right;padding:10px}.footer{padding-top:20px}.container .b1{margin-left:-60%!important;position:absolute;z-index:3}.container .b2{margin-right:-60%!important;position:absolute;z-index:3}.container button{background-color:initial;border:none;outline:none}.container button:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.container button:active{-webkit-transform:scale(1.5);transform:scale(1.5)}.disp{display:flex;justify-content:center;margin-bottom:40px!important}.blog-body{background-color:#fff;border-radius:20px;padding:20px;width:60%}.blog-body div img{border-radius:20px 20px 10px 10px;margin-bottom:20px;width:100%}.blog_contain{color:gray;font-style:italic;padding:20px}.action-bar .del,.action-bar .edit{color:gray}.action-bar{display:flex;flex-direction:row}.action-bar .edit:hover{color:#6495ed}.action-bar .del:hover{color:brown;cursor:pointer}@media only screen and (max-width:600px){.blog-body{margin-bottom:40px!important;padding:10px;width:90%}}.view_me{border:none;font-family:inherit;font-size:medium;height:700px;outline:none;resize:none;width:100%}#likebtn{color:gray}.sideminitab{background-color:#fff;border-radius:20px;height:280px;margin-left:75%;margin-top:20px;position:fixed;text-align:center;width:140px}.sideminitab .sidiv{margin-left:40px}.sideminitab h1{font-size:30px;font-weight:500}.comment-box h1{color:#757575;height:20px}.comment-box hr{background-color:#00898b;height:2px;margin-bottom:20px;width:100%}.comment-box{display:flex;flex-direction:column;margin-left:10%;text-align:left;width:80%}@media only screen and (max-width:600px){.sideminitab{display:none}}.commentsend{text-align:center}.commentsend input{display:inline;height:35px;padding-left:10px;padding-right:10px;width:65%}.commentsend button{display:inline;height:40px;margin-bottom:40px;margin-left:5px}.log{align-items:center;display:flex;justify-content:center;margin-top:150px}.log table{background-color:#fff;border-radius:10px;padding:30px 15px}.log input{background-color:initial;background-color:#fff;border-color:gray;border-radius:5px;height:20px;padding:10px;padding-left:20px!important;padding-right:20px!important;width:240px}.log input::content{background-color:#ba4d4d;border:none}.log td{padding:10px}.log h2{border-left:5px;border-color:orange;border-left-style:solid;float:left;font-weight:500;margin-left:3%;padding:7px}.log button{background-color:#3874e3;border:none;border-radius:5px;color:#fff;height:50px;-webkit-transform:scaleX(1);transform:scaleX(1);transition-duration:.5s;width:287px}.log button:hover{background-color:#244f9e}.log button:active{-webkit-transform:scaleX(.9);transform:scaleX(.9);transition-duration:.5s}.log pre{color:#990202;font-size:larger;height:30px}.log span{float:left}.form-blog{display:flex;justify-content:center;width:100%}.form-blog h2{border-left:5px;border-color:orange;border-left-style:solid;font-weight:500;padding:7px}.form-blog .c1{background-color:#fff;border-radius:10px;padding:2%;text-align:left;width:60%}.form-blog .c2{height:400px;overflow-y:scroll;padding:2%;scrollbar-width:2px;width:98%}.form-blog input,.form-blog textarea{margin-bottom:20px;margin-top:5px;padding:10px 2%;width:94%}.form-blog textarea{height:140px;resize:none}.form-blog button{background-color:#5185e5;border:none;border-radius:5px;color:#fff;height:50px;margin-top:20px;-webkit-transform:scaleX(1);transform:scaleX(1);transition-duration:.5s;width:150px}.form-blog button:hover{background-color:#2b64cf}.form-blog button:active{-webkit-transform:scaleX(.9);transform:scaleX(.9);transition-duration:.5s}::-webkit-scrollbar{position:fixed;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#bdbdbdc3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6e6e6e}@media only screen and (max-width:600px){.form-blog .c1{width:90%}}
/*# sourceMappingURL=main.6f5b2c4d.css.map*/