.header{margin:0;display:flex;flex-direction:column}.vertical{font-size:32px;display:inline-block;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-weight:medium}.horizontal{font-size:71px;display:inline-block;font-weight:700}.GetStarted{display:none}.head-nav{margin:0}.ham{width:25px;height:16px;display:none}@media only screen and (max-width:786px){.head-nav,.header,.logo{display:inline}.vertical{font-size:12px;margin:0}.horizontal{font-size:30px;margin:0}.ham{display:inline;position:absolute;right:5%;z-index:10}}.navigation{display:flex;border-bottom:1px solid #cfcfcf;justify-content:space-evenly;align-items:center}.Bollywood,.Fitness,.Food,.Hollywood,.home,.Technology{font-size:18px;font-weight:800;cursor:pointer;text-align:center;color:#000;text-decoration:none}@media only screen and (max-width:786px){button{display:unset}.navigation{flex-direction:column;position:fixed;width:100%;height:80%;z-index:9;background:rgba(10,8,8,.5)}.showMenu{display:none}.navigation.showMenu{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.Bollywood,.Fitness,.Food,.Hollywood,.home,.Technology{font-size:16px;line-height:1em;color:#f0f8ff}}.grid{margin-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:7px;gap:7px;grid-template-areas:"div1 div1 div2" "div1 div1 div3";width:100%;height:100%}.image1{grid-area:div1;color:#fff}.image1,.image2{position:relative;cursor:pointer}.image2{grid-area:div2}.image3{grid-area:div3;position:relative;cursor:pointer}.image1>img,.image2>img,.image3>img{object-fit:cover;width:100%;height:100%;box-shadow:0 5px 10px rgba(0,0,0,.10196078431372549);border-radius:7px;opacity:1}.Title1{bottom:0;font-size:40px;max-height:80px}.Title1,.Title2,.Title3{position:absolute;left:0;text-align:left;color:#fff;font-weight:medium;margin-left:20px}.Title2,.Title3{bottom:100px;font-size:30px;max-height:60px}.Title2#two,.Title3#four{bottom:40px}.Subtitle{margin-top:20px;position:absolute;bottom:-20px;left:0;text-align:left;font-size:18px;color:#fff;font-weight:400;margin-left:20px}@media only screen and (max-width:1090px){.Title1{font-size:30px}.Title2,.Title3{bottom:60px;font-size:15px}.Subtitle{font-size:10px}}@media only screen and (max-width:600px){.Title1{font-size:21px}.grid{grid-template-columns:1fr;justify-content:center;align-items:center;grid-gap:0;gap:0}.image2,.image3{display:none}.Subtitle{visibility:hidden}}.card{max-width:452px;min-height:538px;box-shadow:0 5px 35px rgba(0,0,0,.03137254901960784);border-radius:7px;opacity:1;margin:20px}.card .image{width:100%;max-height:229px}.card .image img{width:100%;height:auto;border-top-left-radius:7px;border-top-right-radius:7px}.content{padding:20px}.heading{font-size:32px;line-break:.2em;color:#404040;line-height:1.5em}.body-content,.heading{text-align:left;letter-spacing:0;opacity:1}.body-content{font:normal normal normal 17px/23px Open Sans;color:#908d8d}.details-info{opacity:1}.details-info,.details-info-2{text-align:left;font-size:17px;letter-spacing:0;color:#404040}.details-info-2{opacity:.24;line-height:.2em}@media only screen and (max-width:1090px){.heading{font-size:20px}.body-content,.details-info,.details-info-2{font-size:14px}}.card-container{display:flex;justify-content:space-between;align-items:baseline;margin-top:50px}@media only screen and (max-width:786px){.card-container{flex-direction:column;justify-content:center;align-items:center}}.card2{max-width:946px;max-height:300px;border-top:3px solid #f0f0f0;display:flex;flex-direction:row;justify-content:center;align-items:center;padding-left:10px;color:#000;padding-top:30px}.card2image{max-width:308px;min-height:184px}.card2image img{max-width:100%;height:auto}.card2content{margin-left:30px}.card2heading{font-size:26px;line-height:1.2em;font-weight:600}.card2body-content{font-size:17px;line-height:1.5em;font-weight:400;color:#908d8d}.card2details-info{font-size:17px;padding-top:15px;line-height:1em}.card2details-info-2{font-size:17px;color:#404040;opacity:.24;line-height:1.5em}@media only screen and (max-width:786px){.card2heading{font-size:20px;margin:0}.card2body-content,.card2details-info,.card2details-info-2{font-size:14px}.card2image{max-width:114px;min-height:123px}}.card-container-2{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;margin-top:50px}.underline{max-width:90px;height:3px;background:#f08080 0 0 no-repeat padding-box;opacity:1;margin-top:-50px;margin-left:0}.title{margin-bottom:50px}.title p{text-align:left;font-size:40px;letter-spacing:0;color:#000;opacity:1}.card2{min-height:400px}@media only screen and (max-width:786px){.title p{font-size:21px}}.AD{max-width:452px;height:1200px;border:1px solid #000;margin-top:170px}.AD p{color:#000;font-size:40px;font-weight:medium;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:786px){.AD{display:none}}.card3{max-width:460px;min-height:162px;border-bottom:3px solid #f0f0f0;display:flex;justify-content:center;align-items:center;margin-top:20px}.card3image{width:104px;height:101px;margin:0}.card3image img{width:100%;height:auto}.card3-header-content{padding-left:30px;min-height:162px;max-width:345px}.card3-header p{font-size:26px;line-height:1em;font-weight:600;margin-bottom:0}.card2details-info{width:100%;max-height:50px;margin-top:0}@media only screen and (max-width:786px){.card3-header p{font-size:21px}}.toppost-grid{max-width:450px;display:flex;flex-direction:column}.topposts p{font-size:40px}.toppost-grid .top .card3:first-child{flex-direction:column}.toppost-grid .top .card3:first-child .card3image{background-image:url(/The_Siren_Blog_App/static/media/card3.406d0970.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;width:452px;height:266px}.toppost-grid .top .card3:first-child .card3image img{display:none}.toppost-grid .top .card3:first-child .card3-header-content{display:flex;flex-direction:column;margin-left:0;padding-left:0;max-width:450px}.toppost-grid .top .card3:first-child .card3-header-content .card2details{margin-left:0}.toppost-grid .top .card3:first-child .card3-header-content .card2details-info{margin:0}@media only screen and (max-width:786px){.toppost-grid{padding:10px}.toppost-grid .top .card3:first-child .card3image{background-position:50%;width:306px}.topposts p{font-size:21px}}.gallery{max-width:944px;max-height:557px;position:relative;color:#fff}.gallery img{width:100%;height:auto;padding:20px;display:block}.imagetitle{font-size:40px;top:50%;font-weight:400;text-align:center;line-height:1.1em}.imagesubtitle,.imagetitle{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.imagesubtitle{font-size:17px;top:80%;font-weight:200}@media only screen and (max-width:1090px){.imagetitle{font-size:24px}.imagesubtitle{font-size:14px}}.storiestitle p{font-size:40px;margin-top:-150px}.stories-container{margin-top:80px;height:545px;display:flex;border-top:2.5px solid #f0f0f0;border-bottom:2.5px solid #f0f0f0;justify-content:center;align-items:center}.underline2{width:2.5px;height:400px;background:#f0f0f0 0 0 no-repeat padding-box;opacity:1}@media only screen and (max-width:786px){.storiestitle p{font-size:21px}.stories-container{flex-direction:column;margin-top:160px}.underline2{background-color:#fff}.stories-container{border-top:none;border-bottom:none}}.storycard{max-width:438px;height:100%}.story-heading p{font-size:40px;font-weight:600;padding-right:25px}.story-content p,.story-heading p{padding-left:26px;line-height:1.2em}.story-content p{text-align:left;padding-right:26px;font-size:17px;letter-spacing:0;color:#908d8d;opacity:1;font-weight:400}.stories-card .card2details{padding-left:26px;padding-right:26px}@media only screen and (max-width:786px){.story-heading p{font-size:19px}.story-content p{font-size:14px}.stories-card .card2details{font-size:12px}}.middle-part{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:8px 8px;gap:8px 8px;grid-auto-flow:row;grid-template-areas:"div1 div1 div2" "div1 div1 div2" "div1 div1 div2" "div1 div1 div3" "div4 div4 div3" "div4 div4 div3";width:100%;height:100%}.div1{grid-area:div1;margin:0}.div2{grid-area:div2}.div3{grid-area:div3}.div4{grid-area:div4}@media only screen and (max-width:786px){.middle-part{display:grid;grid-template-columns:1fr;grid-template-rows:1fr .8fr;grid-gap:8px 8px;gap:8px 8px;grid-template-areas:"div1" "div3";justify-content:center;align-items:flex-start;height:auto}.div1{grid-area:div1}.div2{display:none}.div3{grid-area:div3}.div4{display:none}}.nav-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-gap:8px 10px;gap:8px 10px;grid-auto-flow:row;grid-template-areas:"navdiv1 navdiv2" "navdiv1 navdiv2" "navdiv1 navdiv3" "navdiv1 navdiv3" "navdiv1 navdiv3";width:100%;height:100%}.navdiv1{grid-area:navdiv1}.navdiv2{grid-area:navdiv2}.navdiv3{grid-area:navdiv3}.navHeader-p{font-size:40px}@media only screen and (max-width:786px){.nav-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:8px 10px;gap:8px 10px;grid-auto-flow:row;grid-template-areas:"navdiv1" "navdiv1" "navdiv1" "navdiv1" "navdiv2" "navdiv2"}.navdiv3{display:none}}*{box-sizing:border-box;max-width:1425px;margin-left:auto;margin-right:auto;font:normal normal 700 71px/87px Montserrat}.blogHeader{box-shadow:0 3px 6px rgba(0,0,0,.1607843137254902);width:100%;display:flex;justify-content:space-around;align-items:center}.blogHeader .blogHead{margin-left:10px}.blogHeader .header{justify-content:center;align-items:center;width:100%;flex-direction:row;margin:0}.blogHeader .header .logo{margin:0}.blogHeader .blogHead .header .vertical{font-size:19px;margin:0}.blogHeader .blogHead .header .horizontal{font-size:44px;margin:0}.blogHeader .head-nav,.blogHeader .navigation{display:none}.blogHeader .GetStarted{display:flex;justify-content:center;align-items:center;width:137px;height:45px;border:1px solid #03a87c;margin-right:20px}.blogHeader .GetStarted .startbutton p{font-size:18px;margin:0;color:#03a87c;cursor:pointer}.container{max-width:677px;padding:0 36.5px}.RelatedReads-container{display:flex;justify-content:space-between;align-items:center;padding:0 36px}.more{font-size:22px;margin-left:10px}.info{display:inline-block;width:200px;position:sticky;top:30%;left:0;margin-left:-280px}.info .clap{position:relative;display:flex;align-items:center;justify-content:flex-start;height:80px}.info .clap img{margin-left:10px}.info .clap p{font-size:14px}.info .share{position:relative;display:flex;align-items:center;justify-content:space-around;height:80px}.info .share img{margin:0}.info .share p{width:130px;display:inline;line-height:1em;margin:0;font-size:14px;color:#939393;font-weight:400}@media only screen and (max-width:1000px){.info .clap p{display:none}.info .share{justify-content:flex-start}.info .share img{margin-left:10px}.info .share p{display:none}}@media only screen and (max-width:786px){.RelatedReads-container{flex-direction:column}.blogHeader .header{display:flex}.blogHeader .blogHead .header .vertical{font-size:9px}.blogHeader .blogHead .header .horizontal{font-size:24px}.blogHeader .GetStarted .startbutton p{font-size:15px}.blogHeader .GetStarted{width:111px;height:31px}.info{display:none}}.blog-heading p{font-size:40px;font-family:Georgia,"Times New Roman",Times,serif;text-align:left}.profile-info{display:flex;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;align-items:flex-start}.display-info{display:flex;margin:0;align-items:center;justify-content:center}.display-profile{width:103px;margin:0;justify-self:flex-start;align-self:flex-start}.display-profile img{width:100%;height:auto}.profile-name{margin-left:10px;display:flex;flex-direction:column}.profile-name .name{font-size:18px;line-height:1.2em;margin:0}.profile-name .profile-date{font-size:16px;color:#a2a2a2;line-height:1.2em}.profile-name .written{display:none}.social-media{margin-right:0;padding-bottom:30px}.social-media i{font-size:30px;margin:5px;color:#010002}.screenshot,.title-image{max-width:677px}.screenshot img,.title-image img{width:100%;height:auto}.article>p{font-size:21px;line-height:1.5em;font-weight:400;font-family:Georgia,"Times New Roman",Times,serif}.tags{display:flex;justify-content:flex-start}.animation-tag,.js-tag,.react-tag{min-width:70px;height:33px;background:#f2f2f2 0 0 no-repeat padding-box;opacity:1;margin:0 6px;display:flex;justify-content:center;align-items:center}.animation-tag p,.js-tag p,.react-tag p{font-size:15px;font-weight:400;text-align:left;color:#a2a2a2;line-height:1em;vertical-align:middle;margin:0;padding:0 14px}.clap{display:flex}.clap img{margin:0}.clap p{font-size:16px;color:#939393;font-weight:400;margin:0 0 0 14px}div:nth-child(6) .profile-name .written{display:unset;color:#a2a2a2;font-size:14px;margin-top:0;margin-left:0;line-height:1em}@media only screen and (max-width:786px){.blog-heading p{font-size:21px;line-height:1.2em;margin-bottom:0}.profile-info{flex-direction:column-reverse;align-items:flex-start}.display-info{margin-bottom:15px}.social-media{margin:0;padding:0}.profile-name .name{font-size:16px}.display-profile{width:75px;height:75px}.article>p{font-size:18px}}.read-container{display:flex;flex-direction:column}.readCard-suggestion p{color:#a2a2a2;font-size:16px;line-height:1.2em}.readCard{max-height:493px;max-width:452px;margin:10px}.readCard-img{max-width:452px;max-height:293px}.readCard-img img{width:100%;height:auto;display:block;border-radius:7px 7px 0 0}.readCard-title p{font-size:32px;color:#404040;font-weight:400px;line-height:1.2em;margin:0}.readCard-title{margin-bottom:20px}@media only screen and (max-width:786px){.read-container{flex-direction:row-reverse;align-items:center;margin-bottom:20px}.readCard{width:100%;height:70px}.read-container .read-moble-responsive .profile-info .display-profile,.read-container .read-moble-responsive .profile-info .profile-name .profile-date,.readCard-suggestion{display:none}.readCard-img{width:78px;height:56px;margin:0}.readCard-img img{width:100%;height:auto;display:block;border-radius:0}.readCard-title p{font-size:15px}.read-container .read-moble-responsive .profile-info .profile-name .name{font-size:15px;color:#939393;margin-left:-10px}}
/*# sourceMappingURL=main.6d6a7120.chunk.css.map */