.article-page{margin-left:240px;width:80%;display:flex;justify-content:center}.article-container{display:flex;flex-direction:column;align-items:start;width:70%}.article-container img{display:flex;justify-content:center;width:100%;margin:0;height:auto}.article-container h1{font-size:2.3rem;margin:0}.article-container p{font-size:1.2rem;color:#6a737d}.article-container .user-details{display:flex;align-items:center;margin-top:30px;width:100%;border-bottom:1px solid hsla(212,8%,45%,.308);padding-bottom:30px}.article-container .user-details img{width:40px;height:auto;border-radius:100%}.article-container .user-details .name-date{padding-left:10px}.article-container .user-details h4{font-size:1rem;margin:0;padding-top:6px}.article-container .user-details p{margin:0;font-size:.7rem;padding-top:2px}@font-face{font-family:Ahrefs;src:url(/public/assets/fonts/ahrefs-regular.ttf)}@font-face{font-family:Parkinsans;src:url(/public/assets/fonts/static/Parkinsans-Regular.ttf)}@font-face{font-family:DancingScript;src:url(/public/assets/fonts/Dancing_Script/DancingScript-VariableFont_wght.ttf)}body{padding:0;margin:0;font-family:Poppins,sans-serif}.homepage-master-container{display:flex;justify-content:center}.homepage-container{display:flex;height:100%;width:95%}.centre-section{display:flex;flex-direction:column;align-items:center;flex:5;text-align:center;margin-top:0;height:100vh;overflow-y:auto;scrollbar-width:none;padding-left:200px}.menu-icon{display:none;position:fixed;top:0;left:0;z-index:900;cursor:pointer}.menu-icon img{width:200px;padding:10px 10px 10px 0}.menu-icon img,.menu-icon svg{height:auto;transition:transform .3s ease-in-out}.menu-icon svg{width:35px;padding:12px}.left-bar,.menu-icon.closed img,.menu-icon.open img,svg{transition:transform .3s ease-in-out}.left-bar{position:fixed;top:0;left:0;height:100vh;width:200px;flex:1;padding-left:35px;background-color:#fff;border-right:1px solid #ddd;text-align:start;z-index:999}.left-bar.closed{transform:translateX(-120%)}.left-bar.open{transform:translateX(0)}.overlay{position:fixed;top:0;left:200px;width:100vw;height:100vh;background-color:transparent;z-index:900;display:block}.left-bar .logo{margin-left:-10px;display:block}.left-bar .logo img{padding:18px 0 0;height:.9cm}.left-bar ul{margin-top:8%;list-style:none;padding:0}.left-bar ul .option-ul{display:flex;flex-direction:row}.left-bar ul .option-ul img{width:15%;height:auto;cursor:pointer}.left-bar ul li{margin:12px 0;transition:.2s ease;width:100%;cursor:pointer}.left-bar ul li a{padding-left:5px;text-decoration:none;color:#333;font-size:18px;width:100%}.left-bar ul li:hover{padding-left:5px}.left-bar .quick-actions{display:flex;align-items:center;font-size:1rem;margin-top:25%;margin-bottom:10%;cursor:pointer;padding:5px 25px;background:#1da71d;color:#fff;font-weight:600;border:1px solid green;border-radius:.75rem;transition:.2s ease-in-out}.left-bar .quick-actions:hover{background:#178317;box-shadow:0 2px 4px rgba(0,0,0,.3)}.left-bar .quick-actions img{margin-right:5px;width:20px;height:auto;filter:invert(100)}.left-bar .create-article{display:flex;flex-direction:column;align-items:center;width:87.5%;height:200px;cursor:pointer;border:1px solid #ddd;border-radius:.75rem;background:linear-gradient(250deg,#c0e7ff,#ffecec);font-family:Parkinsans;transition:.1s ease-in-out}.left-bar .create-article:hover{filter:saturate(3)}.left-bar .create-article h3{margin-bottom:-10px;transition:.2s ease-in-out}.left-bar .create-article h4{display:flex;align-items:center;filter:invert(100);background:#ddd;color:#000;padding:5px 2px 5px 8px;border-radius:.375rem;width:fit-content}.left-bar .create-article h4:hover{background:#fff}@media (max-width:768px){.left-bar{transform:translateX(-100%)}.left-bar .logo{margin-left:-10px;display:none}.menu-icon{display:block;width:100vw;transform:translateX(100);background:#fff}.centre-section{margin-top:50px;margin-left:-10px;padding-left:0}.menu-icon.closed img,svg{transform:translateX(0)}.menu-icon.open img,.menu-icon.open svg{transform:translateX(380%)}}@media (min-width:769px){.left-bar{transform:translateX(0)}.centre-section{padding-left:210px}.overlay{display:none}}