@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Delius&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Comfortaa:wght@300..700&family=Delius&family=Sour+Gummy: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:Comfortaa,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:#080709;box-shadow:0 rem 3 rem #00000080;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}@media (max-width: 1400px){html{font-size:59%}}@media (max-width: 900px){.news-blogs-app{height:100%;max-height:90vh}}@media (max-width: 500px){html{font-size:55%}}@media (max-width: 500px){.news-header{padding:0 2rem}.logo{font-size:3.5rem}.search-bar inpput{width:18rem}.search-bar:focus inpput{width:23rem}}.weather{width:100%;min-width:28rem;height:45%;background-color:#111214;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-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(15rem,14cqi,25rem);height:4rem;border:none;background-color:transparent;border-bottom:.1rem solid #aaa;color:#fff}.search-location i{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);font-size:1.8rem;right:1rem;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-data i.bxs-cloud-lightning{color:#154abd}.weather-data i.bxs-scloud-snow{color:#52e5e7}.weather-type,.temp{font-family:Confortaa,sans-serif;font-size:2rem;color:#ddd}.not-found{font-family:Comfortaa,sans-serif;font-size:1.6rem;color:#fff;margin-bottom:12rem}@media (max-width: 900px){.weather{height:100%}.search-location input{width:30rem}}.calendar{width:100%;min-width:28rem;height:calc(55% - 2rem);background-color:#111214;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-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:#bbbb}.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%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-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!important;color:#fff;background:linear-gradient(to right,#b88efc,#6877f4);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}@media (max-width: 900px){.calendar{height:100%}}.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;-webkit-border-radius:1rem 1rem 0 0;-moz-border-radius:1rem 1rem 0 0;-ms-border-radius:1rem 1rem 0 0;-o-border-radius:1rem 1rem 0 0;display:flex;justify-content:space-between;align-items:center;padding:0 4rem}.logo{font-family:Delius,cursive;font-size:5rem;color:#ddd;letter-spacing:.2rem}.search-bar{position:relative}.search-bar input{width:25rem;height:4rem;background-color:#060709;border:none;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;padding:0 4rem 0 2rem;color:#ddd;transition:width .3s;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s}.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%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);color:#bbb;font-size:2rem;cursor:pointer}.news-content{display:flex;column-gap:2rem;height:calc(100% - 16rem);padding:0 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;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;cursor:pointer}.user img{width:7rem;aspect-ratio:1;object-fit:cover;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.user p{font-size:1.5rem;color:#ddd}.categories{width:100%;height:calc(80% - 2rem);background-color:#111214;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;display:flex;flex-direction:column;row-gap:2rem;padding:2rem}.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:2rem}.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;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}.headline{width:100%;height:calc(50% - 2rem);background-color:#111214;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;margin-bottom:2rem;position:relative}.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:#ddd;background-color:#000000b3;border-radius:0 0 1rem 1rem;-webkit-border-radius:0 0 1rem 1rem;-moz-border-radius:0 0 1rem 1rem;-ms-border-radius:0 0 1rem 1rem;-o-border-radius:0 0 1rem 1rem}.bookmark{position:absolute;bottom:1rem;right:1rem;cursor:pointer}.headline img{width:100%;height:100%;object-fit:cover;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;opacity:.4}.news-grid-item img{width:100%;height:100%;display:block;object-fit:cover;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;opacity:.5}.news-grid-item h3{position:absolute;bottom:0;left:0;padding:1rem 3rem 1rem 1rem;font-family:Bebas Neue,sans-serif;font-size:1.6rem;font-weight:300;line-height:1.4rem;background-color:#000000b3;width:100%;border-radius:0 0 1rem 1rem;-webkit-border-radius:0 0 1rem 1rem;-moz-border-radius:0 0 1rem 1rem;-ms-border-radius:0 0 1rem 1rem;-o-border-radius:0 0 1rem 1rem}.news-grid{width:100%;height:50%;background-color:#111214;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1rem;align-items:center;justify-content:center}.news-grid-item{width:100%;height:100%;min-height:15rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;position:relative}.my-blogs{width:clamp(20rem,27cqi,28%);background-color:#111214;height:100%;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;display:flex;flex-direction:column;row-gap:3rem;padding-bottom:2rem}.my-blogs-heading{font-family:Bebas Neue,sans-serif;font-size:3rem;letter-spacing:.1rem;color:#ddd;padding:2rem}.blog-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-content:space-between;padding:1.2rem}.blog-post{display:flex;flex-direction:column;align-items:center;position:relative;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}.blog-post h3{width:100%;position:absolute;bottom:0;left:0;padding:1rem;background-color:#000000b3;border-radius:0 0 1rem 1rem;-webkit-border-radius:0 0 1rem 1rem;-moz-border-radius:0 0 1rem 1rem;-ms-border-radius:0 0 1rem 1rem;-o-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:2rem;opacity:0;visibility:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.blog-post:hover .post-buttons{opacity:1;visibility:visible}.post-buttons button{background-color:transparent;border:none;font-size:2.5rem;color:#fff;cursor:pointer}.blog-post img{width:100%;height:100%;object-fit:cover;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;opacity:.5}.weather-calendar{flex:1;display:flex;flex-direction:column;row-gap:2rem}.news-footer{width:100%;min-height:5rem;background-color:#111214;border-radius:0 0 1rem 1rem;-webkit-border-radius:0 0 1rem 1rem;-moz-border-radius:0 0 1rem 1rem;-ms-border-radius:0 0 1rem 1rem;-o-border-radius:0 0 1rem 1rem;display:flex;align-items:center;justify-content:space-between;padding:0 4rem}.news-footer{font-size:1.4rem;font-weight:300;color:#bbb}.news-footer p{font-family:Bebas neue,sans-serif;font-size:2rem}@media (max-width: 1400px){.nav-links{row-gap:1rem}.news-section{overflow:hidden}.news-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);overflow:scroll}.news-grid::-webkit-scrollbar{display:none}.blog-post{overflow-y:scroll}.blog-post::-webkit-scrollbar{display:none}.blog-post{flex:0 1 calc(100% - .6rem)}}@media (max-width: 1024px){.news-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(6,1fr)}}@media (max-width: 900px){.news{height:100%;overflow-y:scroll}.news::-webkit-scrollbar{display:none}.news-content{flex-direction:column;width:100%;height:200rem;row-gap:2rem}.navbar{flex-direction:row;justify-content:space-between;width:100%;height:18rem}.user{width:calc(30% - 2rem);height:100%}.categories{width:70%;height:100%;align-items:center;justify-content:center;row-gap:1rem}.nav-links{flex-direction:row;flex-wrap:wrap;justify-content:center}.nav-link{margin-right:2rem}.news-section{width:100%}.news-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.my-blogs{width:100%}.blog-post{flex:0 1 calc(50% - .6rem)}.weather-calendar{flex-direction:row;column-gap:2rem}}@media (max-width: 500px){.news-header{padding:.2rem}.logo{font-size:2.5rem}.search-bar input{width:18rem}.search-bar:focus input{width:23rem}.navbar{flex-direction:column;height:30rem;margin-bottom:2rem}.user{width:100%;min-height:40%}.user p{display:none}.categories{width:100%}.nav-heading{display:none}.news-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.weather-calendar{flex-direction:column}.news-footer{min-height:8rem;flex-direction:column;justify-content:center;row-gap:1rem}}.modal-image{width:100%;height:auto;max-height:30rem;object-fit:cover;border:1rem;opacity:.5}.modal-title{font-size:2rem;font-family:Babes Neue,sans-serif;color:#fff;letter-spacing:.1rem;margin-top:2rem}.modal-source,.modal-date{font-family:Confortaa,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;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;font-size:1.6rem;text-align:center;text-transform:uppercase;letter-spacing:.1rem}.read-more-link:active{transform:translateY(.1rem);-webkit-transform:translateY(.1rem);-moz-transform:translateY(.1rem);-ms-transform:translateY(.1rem);-o-transform:translateY(.1rem)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{width:90%;max-width:60rem;height:auto;max-height:80%;background-color:#111214;padding:4rem;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;box-shadow:0 0 5rem 4rem #00000080;position:relative;overflow:scroll}.modal-content::-webkit-scrollbar{display:none}.close-button{position:absolute;top:1rem;right:2rem;font-size:2rem;color:#fff;cursor:pointer}.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}.bookmark-item img{width:7rem;height:7rem;object-fit:.8rem;margin-right:1rem}.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{max-width:100%;height:60%;object-fit:cover;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-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:#fff;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/bg-CefUUK6H.jpg) center no-repeat;background-size:cover;border-radius:1rem 0 0 1rem;-webkit-border-radius:1rem 0 0 1rem;-moz-border-radius:1rem 0 0 1rem;-ms-border-radius:1rem 0 0 1rem;-o-border-radius:1rem 0 0 1rem;position:relative}.blogs-left img{width:15rem;aspect-ratio:1;object-fit:cover;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:.3rem solid #6877f4;position:absolute;top:50%;right:-7.5rem;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.blogs-right{width:50%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.post-btn{width:clamp(15rem,16cqi,30rem);aspect-ratio:4 / 1;background:linear-gradient(to right,#b88efc,#6877f4);border:none;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-border-radius:5rem;font-size:clamp(1.4rem,1.5cqi,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);-webkit-transform:translateY(.2rem);-moz-transform:translateY(.2rem);-ms-transform:translateY(.2rem);-o-transform:translateY(.2rem)}.submission-message{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.visible{display:flex;flex-direction:column;align-items:center;row-gap:5rem}.blogs-right-form.hidden{display:none}.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{font-size:1.8rem}.title-input,.text-input{width:clamp(15rem,25cqi,45rem);background:transparent;border:none;border-bottom:.1rem solid #b88efc;padding:2rem 0;color:#ddd}.text-input{aspect-ratio:5 / 3;resize:none}.text-input::-webkit-scrollbar{display:none}.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;opacity:.5;color:#b88efc}.title-input::placeholder{font-size:1.6rem}.title-input:focus::placeholder,.text-input:focus::placeholder{color:transparent}.title-input.invalid::placeholder,.text-input.invalid::placeholder{color:#c4143a}.submit-btn{height:5rem;background:linear-gradient(to right,#b88efc,#6877f4);border:none;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;-ms-border-radius:5rem;-o-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);-webkit-transform:translateY(.2rem);-moz-transform:translateY(.2rem);-ms-transform:translateY(.2rem);-o-transform:translateY(.2rem)}.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}@media (max-width: 900px){.blogs-left{background:none;width:100%}.blogs-left img{top:10%;right:auto;left:50%;transform:translate(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.blogs-right{position:absolute;top:0;right:0;bottom:0;left:0;width:100%}.blogs-close-btn{top:10rem;right:4rem}.blogs-right-form{margin-top:18rem}.title-input,.text-input{width:40rem}}@media (max-width: 500px){.blogs-left img{width:10rem;margin-top:-2rem}.title-input,.text-input{width:25rem}.submit-btn{margin-bottom:3rem}}