.container{max-width:327px;margin-inline:auto;padding-top:20px;padding-bottom:30px}.container h2{text-align:center;font-size:40px;font-weight:500;line-height:40px;color:#313e51}.post-details{padding-inline:20px}.post-details h2{font-size:28px;font-weight:500;line-height:28px;text-align:left;color:#313e51;margin-bottom:20px}.post-details p{font-size:20px;font-weight:400;line-height:30px;color:#313e51;margin-bottom:20px}.post-details h5{margin-block:15px;font-size:18px;font-style:italic;font-weight:400;line-height:30px}.post-list ul{margin-top:20px;list-style:none;padding:0;display:grid;grid-template-columns:1fr;gap:20px}.post-list li{padding:10px;box-shadow:0 16px 40px #8fa0c124;background-color:#fff;color:#313e51;border:2px solid #0216446b;border-radius:15px;font-size:16px;font-weight:400;line-height:24px;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.tags{display:flex;flex-wrap:wrap}.tag{background-color:#f0f0f0;padding:5px 10px;margin:5px;border-radius:5px;font-size:14px;color:#313e51}.tag{transition:background-color .3s ease,transform .3s ease}.tag:hover{background-color:#abc1e1;transform:scale(1.1)}.post-comments{border-radius:20px;background-color:#f4f6fa}.post-comments ul{list-style:none;padding:0;margin-bottom:20px}.post-comments li{border-style:none;padding:10px;font-size:20px;font-style:italic;font-weight:400;line-height:30px}.post-comments li:hover{background-color:#abc1e1}.post-list li:hover{background-color:#cbccff}.post-comments h4{font-style:normal;font-size:20px;font-weight:600;line-height:28px;color:#313e51;margin-bottom:6px}.post-comments p{font-size:18px;font-style:italic;font-weight:400;line-height:30px;color:#313e51}.backBtn button{background-color:#a729f5;color:#fff;padding-block:18px;border-style:none;border-radius:12px;width:327px;font-size:14px;font-weight:500;line-height:14px;cursor:pointer}.backBtn button:hover{background-color:#d394fa}.loading{font-size:40px;font-weight:300;line-height:40px;color:#313e51;margin:20px}.post-list li,.post-comments li,.backBtn button,.tag{transition:background-color .3s ease-in-out,transform .3s ease-in-out}.post-list li:hover,.post-comments li:hover{background-color:#abc1e1;transform:translateY(-5px)}.backBtn button:hover{background-color:#d394fa;transform:scale(1.01)}.container{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width > 375px){.container{max-width:640px;padding-top:30px;padding-bottom:40px}.post-list ul{margin-top:20px;grid-template-columns:1fr 1fr;gap:20px}.post-list li{padding:20px;font-size:22px;line-height:34px}.backBtn button{padding-block:20px;width:640px;font-size:16px;line-height:16px}.post-comments li{padding:20px;font-size:22px;line-height:30px}.post-details h2{font-size:32px;line-height:32px;margin-bottom:25px}.post-details p{font-size:24px;line-height:30px;margin-bottom:25px}.tag{padding:10px 15px;margin:10px;border-radius:5px;font-size:18px}.post-details h5{font-size:20px;line-height:30px;margin-block:20px}.post-comments h4{font-size:22px;line-height:30px;margin-bottom:10px}.post-comments p{font-size:20px;line-height:30px}}@media (width > 768px){.container{max-width:1160px;padding-top:40px;padding-bottom:50px}.post-list ul{margin-top:20px;grid-template-columns:repeat(3,1fr);gap:20px}.post-list li{padding:30px;font-size:26px;line-height:34px}.backBtn button{padding-block:22px;width:500px;font-size:20px;line-height:20px}.post-comments li{padding:24px;font-size:25px}.post-details h2{font-size:36px;line-height:40px;margin-bottom:30px}.post-details p{font-size:28px;line-height:36px;margin-bottom:30px}.tag{padding:10px 15px;margin:10px;border-radius:5px;font-size:22px}.post-details h5{font-size:24px;line-height:32px}.post-comments h4{font-size:26px;line-height:30px}.post-comments p{font-size:24px;line-height:30px}}*,*:before,*:after{box-sizing:border-box}*{margin:0;transition:all .3s ease-in-out}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Rubik}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate;height:100%}a{color:inherit}html,body{height:100%}::selection{background-color:#a729f5;color:#fff}