@import"https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}li{list-style:none}a{text-decoration:none}body{width:100%;position:relative}button{cursor:pointer}.fixed{position:sticky;top:0;z-index:99;width:100%}.header{background-image:linear-gradient(145deg,#03033a,#302e2e)}.word-logo a{color:#fff;font-family:Chomsky,sans-serif;font-size:2.3rem;font-weight:500}.navbar{display:flex;justify-content:space-between;padding:7px 0 9px 150px}.navtabs{display:flex;align-items:center;gap:20px}.navtabs a{color:#fff;font-weight:700;padding:2px 10px 5px;border-radius:20px}.navtabs a:hover{background-color:#fff;color:#000}.in-out{display:flex;align-items:center;gap:10px;margin-right:100px}.in-out button{cursor:pointer;height:fit-content;color:#fff;background-color:transparent;border:1px solid white;border-radius:25px;font-weight:700;padding:4px 10px 6px}.in-out button:hover{background-color:#fff;color:#000}.intro{height:70vh;background-color:#fff;padding:50px 150px;position:relative}.intro-idea{font-weight:700;font-size:3rem;margin-top:40px;margin-bottom:17px;background:linear-gradient(145deg,#082974,#3f3d3d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#000}.intro-about{color:#6e6e73;font-weight:500;font-size:1.2rem}.blog-read{position:absolute;bottom:110px;font-size:1.1rem;background-color:transparent;font-weight:500;border:1px solid black;padding:3px 15px 6px;border-radius:25px;color:#000;cursor:pointer}.blog-read i{margin-left:4px}.blog-read:hover{background:#000;color:#fff}.intro-samples{display:flex;gap:20px;padding:20px 150px;background-color:#f5f5f7;width:100%}.trend-blog{background-color:#fff;padding:20px;border-radius:20px;box-shadow:0 5px 10px #80808033}.trends{display:grid;gap:10px;grid-template-columns:1fr 1fr;grid-template-rows:repeat(auto-fit,1fr)}.trend-block{color:#fff;width:380px;height:200px;border-radius:10px;background-size:cover;position:relative}.trend-block:nth-child(1){background-image:url(/theblogmedia/assets/1-CJaE8FN4.webp)}.trend-block:nth-child(2){background-image:url(/theblogmedia/assets/2-Blf7uso_.webp)}.trend-block:nth-child(3){background-image:url(/theblogmedia/assets/3-BSXyh6Lm.webp)}.trend-block:nth-child(4){background-image:url(/theblogmedia/assets/4-7soF0J4d.webp)}.trend-block:hover{box-shadow:0 5px 10px #80808033}.trend-block p{color:#fff;position:absolute;top:10px;left:10px;font-size:.7rem;font-weight:500;padding:1px 7px 2px;border:1px solid white;border-radius:10px;background-color:transparent}.trend-block button{position:absolute;top:10px;right:10px;border-radius:20px;padding:5px 7px;background-color:transparent;box-shadow:0 5px 10px #80808033;color:#fff;border:2px solid white;cursor:pointer}.trend-block button:hover{background-color:#fff;color:#000}.trend-block h2{width:100%;height:80px;border-radius:0 0 20px 20px;position:absolute;padding:15px;top:120px;left:0;font-size:1.1rem;background-color:#0004;text-align:justify}.trend-block:nth-child(1){background-color:#fff}.recent-blog{flex-basis:350px}.re-blog{padding:20px 20px 7px;border-radius:10px;box-shadow:0 5px 10px #80808033;height:fit-content;color:#000;background-color:#fff}.re-blog hr{border:1px dotted black}.re-blog h3{font-size:1.5rem;color:#000}.recent-block{border-bottom:2px solid rgba(0,0,0,.125);padding-bottom:15px;margin:10px 0}.recent-block button{text-align:left;background-color:transparent;font-weight:500;color:#000;border:none;margin-bottom:5px;cursor:pointer}.recent-block button:hover{text-decoration:underline}.recent-block h3{font-size:.9rem}.recent-block p{width:fit-content;margin-top:2px;font-size:.7rem;font-weight:500;padding:1px 7px 2px;border:1px solid royalblue;border-radius:10px;background-color:transparent;color:#4169e1}.recent-block:last-child{border:none}.sub-news{margin-top:15px;border-radius:10px;padding:20px;color:#fff;background-image:linear-gradient(145deg,#03033a,#302e2e);box-shadow:0 5px 10px #80808033}.sub-news h2{font-size:1.2rem;margin-bottom:5px}.sub-news input{width:100%;padding:5px 5px 7px;border:1px solid black;border-radius:5px;outline:none;font-size:1rem;font-weight:500;margin-bottom:-10px}.sub-news input:focus{border-color:#000}.sub-news button{margin-top:13px;width:100%;border-radius:5px;border:1px solid white;color:#fff;background-color:transparent;padding:5px 0 7px;font-size:1rem;font-weight:700}.sub-news button:hover{background-color:#fff;color:#000}.title{font-size:1.7rem;margin-bottom:10px}.blog-container{min-height:100vh;display:grid;grid-template-columns:250px 1fr;gap:20px;background-color:#f5f5f7;padding:20px 150px}.category{background-color:#fff;padding:10px;height:fit-content;border-radius:20px}.cat-title{margin-bottom:10px;padding-bottom:5px;border-bottom:1px dotted black}.cattag-btn,.active-category{border:1px solid white;font-size:1rem;margin:1px;padding:2px 10px 5px;border-radius:10px;color:#000;background-color:transparent;width:100%;font-weight:500;text-align:left;cursor:pointer}.cattag-btn:hover,.active-category{border:1px solid rgb(5,5,61);color:#05053d;background-color:#05053d1a}.blog-block{position:relative;background-color:#fff;padding:20px;border-radius:20px;margin-bottom:20px;box-shadow:0 2px 15px #8080801d;transition:transform .1s ease-out}.blog-block:hover{transform:translate(-5px)}.b-title{color:#000;font-size:1.5rem}.pub-date{color:gray;font-size:.9rem;font-weight:500;margin-bottom:6px}.b-summary{font-size:1.1rem;color:#232222;margin-bottom:5px}.opento{position:absolute;color:#000;background-color:#fff;border:1px solid black;border-radius:5px;padding:4px 10px 5px;font-size:.9rem;font-weight:500;bottom:15px;right:20px;cursor:pointer}.opento:hover{color:#fff;background-color:#000}.tag{font-size:.7rem;font-weight:500;padding:1px 7px;border:1px solid royalblue;border-radius:10px;background-color:transparent;color:#4169e1}.no-blogs{color:gray;font-weight:600;font-size:1.5rem;text-align:center;margin-top:250px}.singleblog{min-height:100vh;background-color:#f5f5f7;padding:20px 150px}.singleblog-container{position:relative;box-shadow:0 2px 15px #8080801d;border-radius:20px;padding:20px 50px 50px 20px;text-align:justify;line-height:1.7;background-color:#fff}.bs-title{font-size:2.2rem}.bs-date{margin-top:-10px}.bs-content{font-size:1.2rem;margin-bottom:20px}.backto{position:absolute;bottom:25px;right:50px}.edit{color:#000;border:1px solid black;background-color:transparent;padding:5px 10px;border-radius:10px;position:absolute;top:15px;right:15px;cursor:pointer}.edit:hover{background-color:#000;color:#fff}.backto{font-size:.9rem;background-color:transparent;color:#4169e1;font-weight:500;border:1px solid royalblue;padding:5px 10px;border-radius:20px;cursor:pointer}.backto:hover{background-color:#4169e1;color:#fff}.write-container{min-height:100vh}.write-container h1{font-size:1.6rem;text-align:center}.form h1,.edit-form h1{text-align:center}.form label,.edit-form label{display:inline-block;width:80px;margin-bottom:2px;font-size:1.2rem;font-weight:500}.form input,.edit-form input{width:100%;padding:5px 5px 7px;border:1px solid black;border-radius:5px;outline:none;font-size:1rem;font-weight:500;margin-bottom:5px}.form input:focus,.edit-form input:focus{border-color:#000}.form textarea,.edit-form textarea{width:550px;height:300px;resize:none;padding:7px 9px;border:1px solid black;color:#000;border-radius:5px;outline:none;font-size:1rem;font-weight:500;margin-bottom:0}.form select,.edit-form select{width:100%;padding:5px 5px 7px;border:1px solid black;border-radius:5px;font-size:1rem;font-weight:500;color:#000;cursor:pointer;outline:none}.form select option,.edit-form select option{font-size:1rem;background-color:#fff;color:#000;padding:1px}.form button,.edit-form button{width:100%;padding:2px;font-size:1rem;font-weight:500;border-radius:5px;background-color:#fff;border:1px solid black}.form button:hover,.edit-form button:hover{background-color:#000;color:#fff}.write{display:flex;justify-content:center;min-height:100vh}footer a{color:#fff}footer a:hover{text-decoration:underline}footer p{padding:5px 0;background-image:linear-gradient(145deg,#03033a,#302e2e);font-weight:500;color:#fff;text-align:center}.edit-blog-container{min-height:100vh}.edit-blog-container h1{text-align:center}.edit-container{display:flex;justify-content:center}.community{min-height:100vh;margin:20px 150px}.community h2{font-size:1.5rem;margin-bottom:10px;background-image:linear-gradient(145deg,#03033a,#302e2e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.community h2,.community p{text-align:center}.community h4,.community ul{color:gray}.community section{display:flex;justify-content:center}.community ul{text-align:left;line-height:2}.community article{background-color:red;width:100px;height:100px}.community strong{color:#000}.word{font-family:Chomsky,sans-serif;font-weight:500;font-size:4rem}@media (min-width: 300px) and (max-width: 450px){.close-bar{display:none}.active-bar{background-image:linear-gradient(145deg,#03033a,#302e2e);height:280px;padding:20px;border-radius:12px;position:absolute;top:60px;right:15px;flex-direction:column}.active-bar a{border-radius:2px}.active-in-out{position:absolute;flex-direction:column;top:250px;right:-60px}.active-in-out button{font-size:1rem;border:none;border-radius:2px}.menu{font-size:1.5rem;border:none;background-color:transparent;color:#fff;display:block}.word-logo{text-align:center}.blog-read{bottom:20px}.navbar{font-size:1rem;padding:3px 30px}.intro{height:60vh;padding:10px 25px}.intro-idea{text-align:justify;font-size:1.7rem}.intro-about{font-size:1rem}.intro-samples{flex-direction:column;justify-content:center;padding:20px;background-color:#f5f5f7;width:100%}.trends{grid-template-columns:1fr;justify-items:center}.trend-block{width:280px;height:150px}.trend-block h2{border-radius:0 0 10px 10px;font-size:.7rem;top:90px;left:0;height:fit-content}.blog-container{padding:20px;grid-template-columns:1fr}.singleblog{padding:20px}.bs-title{font-size:1.5rem;line-height:1}.bs-date{margin-top:10px;font-size:.7rem}.singleblog-container{padding:50px 20px}.backto{width:90%;position:absolute;bottom:20px;right:20px}.form label,.form textarea,.edit-form label,.edit-form textarea{width:300px;font-size:.9rem}.community{margin:20px}footer{font-size:.7rem}}@media (min-width: 601px) and (max-width: 977px){.menu{display:none}.word-logo a{font-size:1.5rem}.navbar{font-size:.8rem;padding:3px 0 4px 40px}.navtabs{gap:10px}.in-out{margin-right:40px}.in-out button{padding:2px 6px 3px;font-size:.5rem}.intro{height:45vh;padding:10px 40px}.intro-idea{font-size:1.8rem}.intro-about{font-size:1rem}.blog-read{bottom:20px;font-size:.8rem}.intro-samples{flex-direction:column;padding:20px 10px}.trend-blog{margin:0 80px;width:fit-content}.trends{gap:10px}.trend-block{width:270px;height:200px}.trend-block h2{border-radius:0 0 10px 10px;font-size:.7rem;top:140px;left:0;height:fit-content}.re-blog,.sub-news{margin:0 70px}.sub-news{margin-top:15px}.sub-news button{font-size:.9rem}.blog-container{grid-template-columns:160px 1fr;gap:10px;padding:20px 40px}.active-category,.cattag-btn{font-size:.8rem}.b-title{font-size:1.2rem}.b-summary{font-size:1rem}.opento{font-size:.8rem}.singleblog{padding:20px 40px}.singleblog-container{padding:20px}.bs-title{font-size:1.5rem;margin-bottom:5px}.bs-content{font-size:1rem}.backto{font-size:.8rem;bottom:10px;right:20px;padding:5px 7px 6px}.form label,.form textarea,.edit-form label,.edit-form textarea{width:300px;font-size:.9rem}.form input,.edit-form input{padding:3px 3px 5px;font-size:.8rem;margin-bottom:2px}.form select,.edit-form select{padding:3px 3px 5px;font-size:.8rem}.form button,.edit-form button{font-size:.9rem}.community p{font-size:.7rem}.community .word{font-size:3rem}.community ul{font-size:.8rem}footer{font-size:.9rem}}@media (min-width: 978px) and (max-width: 1024px){.menu{display:none}.word-logo a{font-size:1.7rem}.navbar{padding:7px 0 9px 80px}.in-out{margin-right:80px}.intro-idea{font-size:2rem}.intro-about,.blog-read{font-size:1rem}.intro-samples{flex-direction:column;padding:20px 80px}.recent-blog{display:flex;flex-direction:row;gap:3%}.re-blog{flex-basis:50%}.sub-news{flex-basis:50%;margin-top:0;height:fit-content}}@media (min-width: 1024px) and (max-width: 1430px){.menu{display:none}.word-logo a{font-size:1.7rem}.navtabs,.in-out{font-size:.9rem}.intro{height:50vh;padding:20px 40px}.intro-idea{font-size:2rem}.intro-about{font-size:1rem}.blog-read{bottom:40px;font-size:1rem}.intro-samples{flex-direction:column;padding:20px 50px}.trend-block{width:430px}.recent-blog{display:flex;gap:10px}.recent-blog .re-blog{width:550px}.recent-blog .sub-news{width:400px;margin-top:0;height:fit-content}.blog-container{padding:20px 50px}.b-title{font-size:1.5rem}.pub-date{font-size:.7rem}.b-summary,.cattag-btn,.active-category{font-size:.9rem}.opento{padding:3px 10px 4px;font-size:.7rem}.bs-title{font-size:2rem;line-height:1.3}.bs-date{margin-top:0}.bs-content{font-size:1.1rem;margin-bottom:10px}}@media (min-width: 1431px) and (max-width: 1920px){.menu{display:none}}