@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Comfortaa:wght@300..700&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Martel+Sans:wght@200;300;400;600;700;800;900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box;outline:none;text-decoration:none;font-family:Kanit,sans-serif}html{font-size:62.5%}.container{width:100%;height:100vh;background:linear-gradient(to right,#b88efc,#6877f4);display:grid;place-items:center}.news-blogs-app{width:95vw;height:95vmin;background-color:#060709;box-shadow:0 2rem 3rem #00000080;border-radius:1rem}.weather{width:100%;min-height:28rem;height:45%;background-color:#111214;border-radius:1rem;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:3rem}.search{display:flex;flex-direction:column;row-gap:1rem}.search-top{display:flex;align-items:center;column-gap:1rem}.search-top i{font-size:2.5rem;color:#ddd}.location{font-family:Comfortaa,sans-serif;font-size:1.8rem;font-weight:700;color:#fff}.search-location{position:relative}.search-location input{width:clamp(10rem,10cqi,20rem);height:4rem;border:none;background-color:transparent;border-bottom:.1rem solid #aaa;font-size:1.5rem;color:#ddd}.search-location i{position:absolute;top:50%;transform:translateY(-50%);right:1rem;font-size:1.8rem;color:#fff}.weather-data{display:flex;flex-direction:column;align-items:center;row-gap:2rem}.weather-data i{font-size:5rem}.weather-data i.bxs-sun{color:#ffc87c}.weather-data i.bxs-cloud{color:#fff}.weather-data i.bxs-cloud-rain{color:#5fd1f9}.weather-type,.temp{font-family:Comfortaa,sans-serif;font-size:2rem;color:#ddd}.calendar{width:100%;min-height:28rem;height:calc(55% - 2rem);background-color:#111214;border-radius:1rem;padding:1.5rem;display:grid;place-items:center}.navigate-date{width:100%;display:flex;align-items:center;justify-content:space-between;column-gap:1rem;padding-left:1rem;margin-bottom:1.5rem}.navigate-date h2{font-size:2rem;font-weight:300;color:#bbb}.buttons{display:flex;column-gap:1rem;margin-left:auto}.buttons i{width:3.5rem;height:3.5rem;display:flex;justify-content:center;align-items:center;background-color:#2c3542;border-radius:50%;font-size:2rem;color:#b88efc;cursor:pointer}.weekdays{width:100%;display:flex;margin:1rem 0}.weekdays span{width:calc(100%/7);font-size:1.3rem;font-weight:300;text-transform:uppercase;color:#78879e;letter-spacing:.1rem;display:flex;justify-content:center}.days{display:flex;flex-wrap:wrap;width:100%}.days span{width:calc(100%/7);aspect-ratio:1;font-size:1.3rem;color:#ddd;display:flex;justify-content:center;align-items:center;cursor:pointer}.current-day{font-size:2rem;color:#fff;background:linear-gradient(to right,#b88efc,#6877f4);border-radius:50%}.news{font-size:2rem;color:#fff;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;row-gap:2rem}.news-header{width:100%;min-height:7rem;background-color:#111214;border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;align-items:center;padding:0 4rem}.logo{font-family:Bebas Neue,sans-serif;font-size:5rem;color:#ddd;letter-spacing:.2rem}.search-bar input{width:25rem;height:4rem;background-color:#060709;border:none;border-radius:5rem;padding:0 4rem 0 2rem;color:#ddd;transition:width .3s}.search-bar{position:relative}.search-bar input:focus{width:35rem}.search-bar input:focus::placeholder{color:transparent}.search-bar button{background-color:transparent;border:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:#bbb;font-size:1.8rem;cursor:pointer}.news-content{display:flex;column-gap:2rem;height:calc(100% - 16rem);padding:0 2rem}.news-footer{width:100%;min-height:5rem;background-color:#111214;border-radius:0 0 1rem 1rem;display:flex;align-items:center;justify-content:space-between;padding:0 4rem}.news-footer p{font-size:1.4rem;font-weight:300;color:#bbb}.news-footer p span{font-family:Bebas Neue,sans-serif;font-size:2rem}.navbar{width:18rem;height:100%;display:flex;flex-direction:column;row-gap:2rem}.user{width:100%;height:20%;background-color:#111214;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;cursor:pointer}.categories{width:100%;height:calc(80% - 2rem);background-color:#111214;border-radius:1rem;display:flex;flex-direction:column;row-gap:.5rem;padding:1rem}.nav-heading{font-family:Bebas Neue,sans-serif;font-size:clamp(1.5rem,2.5cqi,3rem);color:#ddd;letter-spacing:.2rem;margin-bottom:2rem}.nav-links{display:flex;flex-direction:column;row-gap:1.4rem}.nav-link{font-size:1.5rem;font-weight:300;color:#ddd;text-transform:uppercase;letter-spacing:.1rem;display:flex;align-items:center}.nav-link i{font-size:1.7rem;margin-left:1rem}.news-section{width:clamp(30rem,43cqi,40%);height:100%;border-radius:1rem}.headline{width:100%;height:calc(50% - 2rem);background-color:#111214;border-radius:1rem;margin-bottom:2rem;position:relative}.headline img{width:100%;height:100%;object-fit:cover;border-radius:1rem;opacity:.4}.headline-title{width:100%;position:absolute;bottom:0;left:0;padding:1rem 4rem 1rem 1rem;font-family:Bebas Neue,sans-serif;font-size:clamp(1.5rem,1.8cqi,3rem);letter-spacing:.1rem;color:#fff;background-color:#000000b3;border-radius:0 0 1rem 1rem}.bookmark{position:absolute;bottom:1rem;right:1rem;cursor:pointer}.news-grid{width:100%;height:50%;background-color:#111214;border-radius:1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;padding:1.2rem;justify-content:center;align-items:center}.news-grid-item{width:100%;height:100%;min-height:10rem;border-radius:1rem;position:relative}.news-grid-item img{width:100%;height:100%;display:block;object-fit:cover;border-radius:1rem;opacity:.5}.news-grid-item h6{position:absolute;bottom:0;left:0;padding:1rem 3rem 1rem 1rem;font-family:Bebas Neue,sans-serif;font-size:1.3rem;line-height:1rem;background-color:#000000b3;width:100%;border-radius:0 0 1rem 1rem;font-weight:100}.my-blogs{width:clamp(20rem,27cqi,28%);height:100%;background-color:#111214;border-radius:1rem;display:flex;flex-direction:column;row-gap:3rem;padding-bottom:2rem}.weather-calendar{flex:1;display:flex;flex-direction:column;row-gap:2rem}.user img{width:7rem;aspect-ratio:1;object-fit:cover;border-radius:50%}.user p{font-family:Comfortaa,sans-serif;font-size:1.5rem;color:#ddd}.blog-post img{width:100%;height:100%;object-fit:cover;border-radius:1rem;opacity:.5}.blog-post h3{width:100%;position:absolute;bottom:0;left:0;padding:1rem;background-color:#000000b3;border-radius:0 0 1rem 1rem;font-size:1.6rem;font-weight:300;text-transform:uppercase;line-height:1.6rem;color:#fff;overflow-wrap:break-word}.post-buttons{position:absolute;top:1rem;right:1rem;display:flex;justify-content:center;column-gap:.8rem;opacity:0;visibility:hidden;transition:all .3s}.post-buttons button{background-color:transparent;border:none;font-size:2.5rem;color:#fff;cursor:pointer}.blog-post:hover .post-buttons{opacity:1;visibility:visible}.my-blogs-heading{font-family:Bebas Neue,sans-serif;font-size:3rem;color:#ddd;letter-spacing:.1rem;padding:2rem}.blog-posts{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.2rem;padding:1.2rem}.blog-post{flex:0 1 calc(50% - .6rem);border-radius:1rem;position:relative}.modal-image{width:100%;height:auto;max-height:30rem;object-fit:cover;opacity:.5;border-radius:1rem}.modal-title{font-family:Bebas Neue,sans-serif;font-size:2rem;color:#fff;letter-spacing:.1rem;margin-top:2rem}.modal-source,.modal-date{font-family:Comfortaa,sans-serif;font-size:1.4rem;color:#bbb;margin-top:1rem}.modal-content-text{font-size:1.6rem;margin-top:2rem;line-height:2.7rem;color:#ddd}.read-more-link{width:15rem;display:inline-block;background:linear-gradient(to right,#b88efc,#6877f4);margin-top:2rem;padding:1rem 2rem;color:#fff;border-radius:5rem;font-size:1.6rem;text-align:center;text-transform:uppercase}.read-more-link:active{transform:translateY(.1rem)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:90%;max-width:60rem;height:auto;max-height:100%;background-color:#111214;padding:4rem;border-radius:1rem;box-shadow:0 0 5rem 4rem #00000080;position:relative}.close-button{position:absolute;top:1rem;right:2rem;font-size:2rem;color:#fff;cursor:pointer}.bookmark-item img{width:7rem;height:7rem;object-fit:cover;border-radius:.8rem;margin-right:1rem}.bookmarks-heading{font-family:Bebas Neue,sans-serif;font-size:3rem;font-weight:300;color:#ddd;letter-spacing:.1rem;margin-bottom:2rem}.bookmarks-list{display:flex;flex-direction:column;gap:1rem}.bookmark-item{display:flex;align-items:center;justify-content:space-between;column-gap:2rem;cursor:pointer;margin:.5rem}.bookmark-item h3{font-family:Comfortaa,sans-serif;font-size:1.5rem;font-weight:700;color:#fff}.delete-button{font-size:2.4rem;color:#b88efc;cursor:pointer}.blogs-modal-image{width:100%;height:60%;object-fit:cover;border-radius:1rem;opacity:.5}.blogs-modal-title{font-family:Bebas Neue,sans-serif;font-size:3rem;color:#fff;letter-spacing:.1rem;margin-top:2rem}.blog-post-content{font-family:Comfortaa,sans-serif;font-size:1.4rem;color:#bbb;margin-top:1rem;overflow-y:scroll;max-height:20rem}.blog-post-content::-webkit-scrollbar{display:none}.blogs{width:100%;height:100%;display:flex}.blogs-left{width:50%;height:100%;background:linear-gradient(#b88efc4d,#6877f433),url(/assets/pexels-pixabay-87651-uOnxwpPX.jpg) center no-repeat;background-size:cover;border-radius:1rem 0 0 1rem;position:relative}.blogs-left img{width:15rem;aspect-ratio:1;object-fit:cover;border-radius:50%;border:.3rem solid #6877f4;position:absolute;top:50%;right:-7.5rem;transform:translateY(-50%)}.blogs-right{width:50%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.blogs-close-btn{position:absolute;top:3rem;right:2.5rem;background:transparent;border:none;font-family:Bebas Neue,sans-serif;font-size:3rem;color:#ddd;display:flex;align-items:center;cursor:pointer}.blogs-close-btn i{font-size:4rem}.post-btn{width:clamp(15rem,16cqi,30rem);aspect-ratio:4/1;background:linear-gradient(to right,#b88efc,#6877f4);border:none;border-radius:5rem;font-size:2.5rem;font-weight:700;text-transform:uppercase;color:#fff;text-shadow:0 .5rem 1rem rgba(0,0,0,.2);cursor:pointer}.post-btn:active{transform:translateY(.2rem)}.blogs-right-form.visible{display:flex;flex-direction:column;align-items:center;row-gap:5rem}.blogs-right-form.hidden{display:none}.submission-msg{font-size:6rem;text-transform:uppercase;background:linear-gradient(to right,#b88efc,#6877f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blogs-right-form h1{font-family:Comfortaa,sans-serif;font-size:clamp(2rem,5cqi,6rem);text-transform:uppercase;background:linear-gradient(to right,#b88efc,#6877f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.blogs-right-form form{display:flex;flex-direction:column;row-gap:4rem}.file-upload{display:flex;align-items:center;column-gap:2rem;font-size:2rem;color:#bbb;cursor:pointer}.file-upload i{font-size:4rem;color:#b88efc}.blogs-right-form input[type=file]{display:none}.title-input,.text-input{width:clamp(15rem,25cqi,45rem);background:transparent;border:none;border-bottom:.1rem solid #b88efc;padding:2rem;color:#ddd}.title-input{font-size:1.8rem}.title-input.invalid,.text-input.invalid{border-bottom:.1rem solid #c4143a}.title-input::placeholder,.text-input::placeholder{font-family:Comfortaa,sans-serif;font-size:1.3rem;color:#b88efc;opacity:.5rem}.title-input:focus::placeholder,.text-input:focus::placeholder{color:transparent}.text-input{aspect-ratio:5/3;resize:none}.text-input::-webkit-scrollbar{display:none}.submit-btn{height:5rem;background:linear-gradient(to left,#b88efc,#6877f4);border:none;border-radius:5rem;font-size:1.8rem;color:#fff;text-transform:uppercase;letter-spacing:.1rem;text-shadow:0 .5rem 1rem rgba(0,0,0,.2);cursor:pointer}.submit-btn:active{transform:translateY(.2rem)}