#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.input-wrapper .label{color:#2d2d2d;font-size:16px;margin:0 0 6px}.input-wrapper .input{border:1px solid gray;border-radius:8px;font-size:12px;outline:none}.button,.input-wrapper .input{box-sizing:border-box;padding:12px;width:100%}.button{background-color:#8f0;border:none;border-radius:12px;color:#fff;text-transform:uppercase}.button,.link{cursor:pointer;font-size:16px}.link{color:#000;text-align:center;text-decoration:underline}.text-area{border-radius:8px;box-sizing:border-box;font-size:16px;max-width:100%;min-height:200px;outline:none;padding:16px;width:100%}.upload{margin-bottom:20px;margin-top:20px}.upload .image-privew{display:block;height:200px;margin-bottom:20px;max-height:200px;max-width:200px;object-fit:cover;width:200px}.header{align-items:center;background-color:#87c73f;display:flex;justify-content:space-between;padding:20px 40px}.header .logo-item{color:#fff;font-size:20px;font-weight:700;margin:0}.header .menu-item{color:#fff;cursor:pointer;font-size:16px;margin:0;text-decoration:underline}.footer{align-items:center;background-color:#67b35c;display:flex;justify-content:space-between;padding:20px 40px}.footer .logo{height:50px;object-fit:contain;width:50px}.footer .social-wrapper{display:flex}.footer .social-wrapper .icon-wrapper{border-radius:40px;margin:0 10px;padding:10px}.footer .social-wrapper .icon-wrapper .icons-medsos{cursor:pointer;height:30px;max-height:30px;max-width:30px;object-fit:contain;width:30px}.Copyright{background-color:#17b35c;padding:10px 0;text-align:center}.Copyright p{color:#fff;font-size:14px;margin:0}.blog-items{border-radius:8px;box-shadow:5px 6px 14px rgba(0,0,0,.2);margin-bottom:12px;overflow:hidden;width:calc(50% - 10px)}.blog-items .wrapper-title{display:flex;justify-content:space-between}.blog-items .wrapper-title .edit-delete-wrapper{align-items:center;display:flex;justify-content:space-between}.blog-items .wrapper-title .edit-delete-wrapper .edit{color:#00bcd4;cursor:pointer;margin-right:10px}.blog-items .wrapper-title .edit-delete-wrapper .delete{cursor:pointer;margin-left:10px}.blog-items .image-tumn{height:200px;object-fit:cover;width:100%}.blog-items .content-detail{padding:16px}.blog-items .content-detail .title{color:#313131;font-size:20px;font-weight:700;margin:0}.blog-items .content-detail .author{color:gray;font-size:14px;margin:4px 0 0}.blog-items .content-detail .body{color:#353535;font-size:16px;margin:18px 0 0}.home-page-wrapper{padding-top:40px}.home-page-wrapper .create-wrapper{margin-left:auto;margin-right:0;width:200px}.home-page-wrapper .content-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between}.home-page-wrapper .pagenation{display:flex;justify-content:center;margin:auto;max-height:40px;max-width:200px}.home-page-wrapper .pagenation .infoSumPage{font-size:20px;font-weight:400;margin:auto}body.react-confirm-alert-body-element{overflow:hidden}.react-confirm-alert-blur{-webkit-filter:url(#gaussian-blur);filter:url(#gaussian-blur);filter:blur(2px);-webkit-filter:blur(2px)}.react-confirm-alert-overlay{-ms-align-items:center;align-items:center;-webkit-animation:react-confirm-alert-fadeIn .5s .2s forwards;animation:react-confirm-alert-fadeIn .5s .2s forwards;background:hsla(0,0%,100%,.9);bottom:0;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;z-index:99}.react-confirm-alert-body{background:#fff;border-radius:10px;box-shadow:0 20px 75px rgba(0,0,0,.13);color:#666;font-family:Arial,Helvetica,sans-serif;padding:30px;text-align:left;width:400px}.react-confirm-alert-svg{left:0;position:absolute;top:0}.react-confirm-alert-body>h1{margin-top:0}.react-confirm-alert-body>h3{font-size:16px;margin:0}.react-confirm-alert-button-group{display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:flex-start;margin-top:20px}.react-confirm-alert-button-group>button{background:#333;border:none;border-radius:5px;color:#eee;cursor:pointer;display:inline-block;font-size:12px;margin-right:10px;outline:none;padding:6px 18px}@-webkit-keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes react-confirm-alert-fadeIn{0%{opacity:0}to{opacity:1}}.main-page{box-sizing:border-box;display:flex;height:100vh}.main-page .left{background-color:aqua;flex:1 1}.main-page .left .bg-image{height:100%;object-fit:cover;width:100%}.main-page .right{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:30px;width:460px}.main-page .right .title{color:#2d2d2d;font-size:20px;font-weight:700}.main-app-wrapper{display:flex;flex-direction:column;height:100vh}.main-app-wrapper .content-wrapper{flex:1 1;margin:auto;max-width:1200px;width:100%}.blog-post{padding-top:10px}.blog-post .kembali{cursor:pointer;text-align:center}.blog-post .title{font-size:20px;font-weight:700;margin:0 0 10px}.blog-post .button-action{margin-left:auto;margin-right:0;max-width:200px;min-width:100px}.detail-blog-wrapper .img-cover{height:300px;object-fit:cover;width:100%}.detail-blog-wrapper .blog-title{color:#2d2d2d;font-size:30px;font-weight:700;margin:20px 0 0}.detail-blog-wrapper .blog-author{color:gray;font-size:16px;margin:0}.detail-blog-wrapper .blog-body{font-size:18px;line-height:36px}.detail-blog-wrapper .button-back .back{cursor:pointer;text-align:center;text-decoration:underline}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.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)}}
/*# sourceMappingURL=main.11820c5f.css.map*/