.home{background-image:linear-gradient(#0009,#0009),url(/assets/pexels-nkta-zv-2147980412-30443854-1-bschzV.jpg);background-size:cover;background-position:center;height:100vh;animation:zoomOut 1.8s ease-out}@keyframes zoomOut{0%{transform:scale(1.15)}to{transform:scale(1)}}.hero-content{height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-content h1{font-size:45px;position:relative;top:-7%}.hero-content{font-size:20px;position:relative;top:-3%}.buttons{display:flex}.hero-content a{width:180px;height:50px;font-size:16px;border:.1px solid #ffffff;border-radius:25px;text-align:center;display:inline-block;line-height:50px;cursor:pointer;transition:all .3s ease-in-out;margin-left:2rem;margin-right:2rem}.get-started{background-color:#4f46e5;color:#fff}.get-started:hover{background-color:#4338ca;border:none}.explore-blogs{background-color:transparent;color:#fff}.explore-blogs:hover{background-color:#ffffff1a}.main-page{height:100vh;display:flex;flex-direction:column}.main-page a{text-decoration:none;color:#00f;position:relative;top:-10px;left:10px}.one1{display:flex;justify-content:center;align-items:center;padding-bottom:7rem}.one1 h1{font-size:35px}.two2{display:flex;justify-content:space-between;align-items:center;margin-left:3rem;margin-right:3rem}@media (max-width: 768px){.home{height:auto;padding:2rem 0}.hero-content{height:auto;padding:2rem 1rem}.hero-content h1{font-size:32px;top:0;text-align:center}.hero-content h7{font-size:16px;top:0;text-align:center}.hero-content a{width:150px;height:40px;font-size:14px;line-height:40px;margin-left:1rem;margin-right:1rem}.main-page{height:auto}.main-page a{top:0;left:0;text-align:center;display:block;margin:1rem 0}.one1{padding-bottom:3rem}.one1 h1{font-size:28px;text-align:center}.two2{flex-direction:column;margin-left:1rem;margin-right:1rem}}@media (max-width: 480px){.hero-content h1{font-size:28px}.hero-content h7{font-size:14px}.hero-content a{width:130px;height:35px;font-size:12px;line-height:35px}.one1 h1{font-size:24px}}*{margin:0;padding:0rem;box-sizing:border-box;overflow-x:hidden}::-webkit-scrollbar{display:none}body{font-family:Playfair display,sans-serif;line-height:1.6;color:#fff;background:linear-gradient(to bottom,#1a1a1a,#424242);height:100%}.navbar{display:flex;padding:1rem 8rem 0;justify-content:space-between}.home a{text-decoration:none}.heading{font-weight:900;font-size:1.5rem;color:#fff;text-decoration:none}.options{display:flex}.options a{margin-left:2rem;font-weight:lighter;font-size:1.2rem;position:relative;top:.3rem;text-decoration:none;transition:all .3s ease-in-out;color:#fff}.options a:hover{background-color:#4546e5;padding:.3rem 1rem;border-radius:.9rem}.line{border-top:2px solid #fff;margin:2rem}.createblog{display:flex;flex-direction:column;align-items:center}.blogcreation{display:flex;flex-direction:column;align-items:center;padding:4rem;margin-top:2rem;width:90%;background-color:#fff;box-shadow:0 4px 6px #0000001a}.blogcreation h2{font-family:playfair display,sans-serif;position:relative;top:-2rem}.blogcreation input,textarea{width:70%;margin-bottom:.7rem;padding:.5rem;font-family:playfair display,serif;border-radius:.4rem;border:1px solid #000;transition:background-color .3s ease-in-out,color .3s ease-in-out}.summary{height:6rem}.content{height:15rem}.blogcreation button{background-color:green;position:relative;top:-32rem;border-radius:.4rem;padding:.5rem;color:#f4f4f4;border:none;width:10%}.blogcreation button:hover{background-color:#000;color:#fff}@media (max-width: 768px){.navbar{padding:1rem 2rem 0}.options a{margin-left:1rem;font-size:1rem}.blogcreation{width:100%;padding:2rem}.blogcreation input,.blogcreation textarea{width:90%}.blogcreation button{width:30%;top:-10rem}}@media (max-width: 480px){.navbar{padding:1rem 1rem 0;flex-direction:column;align-items:center}.options a{margin-left:.5rem;font-size:.9rem;top:0}.blogcreation{padding:1rem}.blogcreation input,.blogcreation textarea{width:100%}.blogcreation button{width:50%;top:-8rem}}body{overflow-x:hidden}.form{display:flex;flex-direction:column;background-color:transparents;position:relative;top:-31rem;left:7%}.form input{width:20rem;height:2.2rem;padding:.3rem;margin-bottom:.3rem;border-radius:.3rem;border:.06rem solid #000;background-color:transparent}.form input::placeholder{color:#000;opacity:.6}.form button{margin-top:.7rem;margin-bottom:.5rem;border-radius:.3rem;width:20rem;background-color:transparent;font-family:playfair display,sans-serif;border:.06rem solid #000;height:1.8rem;transition:all .3s ease-in-out,color .3s ease-in-out}.form label{color:#111}.form button:hover{background-color:#000;color:#fff;scale:.98}.login h1,.login h5,.signup h1,.signup h5{margin-bottom:.5rem;font-family:playfair display,serif;position:relative;color:#222;left:7%;top:-33rem}.form a,.logout{text-decoration:none;padding-left:5rem;margin-top:.2rem}.bg{width:40rem;height:40rem;background-color:#fff;opacity:50%;border:.001rem solid #fff;box-shadow:0 0 10px #fffc,0 0 20px #fff9,0 0 30px #fff6}.login{background-image:linear-gradient(#0006,#0006),url(/assets/sunrise-vector-DQOXOZ1X.jpg);background-size:cover;background-position:center;height:100vh;animation:Opacity 1.5s ease-out}@keyframes Opacity{0%{transform:opacity(0)}to{transform:opacity(1)}}.signup{background-image:linear-gradient(#0006,#0006),url(/assets/sunset-vector-JvJeVcT4.jpg);background-size:cover;background-position:center;height:100vh;animation:Opacity 1.8s ease-out}.link{position:relative;left:-6%;color:#00f}@media (max-width: 768px){.form{top:-25rem;left:0;padding:1rem;width:100%;align-items:center}.form input,.form button{width:80%;max-width:300px}.login h1,.login h5,.signup h1,.signup h5{top:-18rem;left:0;text-align:center;width:100%}.bg{width:90%;height:80vh;max-width:350px;margin:2rem auto}.form a,.logout{padding-left:0;text-align:center;width:100%}.link{left:0;text-align:center;display:block;margin-top:1rem}}@media (max-width: 480px){.form input,.form button{width:90%}.bg{width:95%;height:75vh;margin:1rem auto}.login h1,.login h5,.signup h1,.signup h5{font-size:90%;top:-25rem}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.blog_container,.pre{height:100vh}.blog_card{height:25rem;width:100%;color:#f4f4f4;display:flex;margin-bottom:5rem}.blog_cover_image{width:100%;max-width:40rem;height:24rem;object-fit:cover;margin:2rem}.blog_content{margin-top:2rem}.blog_content h2{font-size:30px}.blog_meta{display:flex}.blog_meta pre{font-family:playfair display}.blog_meta span{font-size:16px;color:#e0c9a6}.blog_summary{font-size:20px}.read{color:#4da8da}.blog-title{display:flex;justify-content:center;align-items:center;font-size:35px}.blog-meta pre{font-family:playfair display}.blog-meta{display:flex;justify-content:center;align-items:center}.blog-meta span{font-size:16px;margin-bottom:2rem;color:#e0c9a6}.blog-cover{display:block;margin:0 auto;max-width:60%;height:auto}.blog-content{font-size:20px;position:relative;margin:1rem}@media (max-width: 768px){.blog_card{height:auto;flex-direction:column;margin-bottom:2rem}.blog_cover_image{width:100%;max-width:100%;height:auto;margin:1rem 0}.blog_content{margin-top:1rem;padding:0 1rem}.blog_content h2{font-size:22px}.blog_meta span,.blog_summary{font-size:14px}.blog-title{left:0;font-size:24px;text-align:center;margin-top:1rem}.blog-image{width:100%;max-width:100%;height:auto;left:0;margin-top:1rem}.blog-content{font-size:14px;padding:0 1rem}}@media (max-width: 480px){.blog_content h2{font-size:20px}.blog_summary{font-size:12px}.blog-title{font-size:20px}.blog-content{font-size:12px}}