@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Quicksand:wght@300..700&display=swap";:root{--fgDark: #272b36;--bgDark: #2c2f3e;--bgDarkTrans: #2c2f3ed7;--secText: #ececf6;--primText: #ffffff;--accent: #dadb8f;--shadow: 1px 0 3px 1px #1f20223c;--border: #e8e9e334}*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito}body{background-color:var(--fgDark);display:flex;flex-direction:column;align-items:center;position:relative;margin-top:100px;width:100vw}.Header{width:95vw;background-color:var(--bgDark);margin-top:0;border-radius:8px;box-shadow:var(--shadow);margin-bottom:20px;display:flex;align-items:center;position:fixed;top:0;left:8px;right:16px;border:1px solid var(--bgDark);z-index:99}.Header .logo{width:100px;height:70px}.Header .more{width:30px;height:30px;filter:invert(80%);margin-right:16px}.Header .seperator{flex:1}.ArticleContainer{width:90vw;height:50vh;background-position:center;background-size:cover;margin-bottom:10px;margin-top:16px;border-radius:8px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:end;border:1px solid var(--border);transition:.2s ease-in-out}.ArticleContainer.ArticleContainer:hover{border:2px solid var(--accent)}.ArticleContainer .ArticleInfo{width:100%;height:fit-content;background-color:var(--bgDarkTrans);color:var(--primText);padding:10px;border-radius:8px}.ArticleContainer .ArticleInfo h3{text-shadow:-8px 8px 16px rgb(32,30,30);margin-bottom:16px}.ArticleContainer .ArticleInfo p{color:var(--secText)}.BlogHomeContainer{color:var(--secText);display:flex;flex-direction:column;padding:10px;align-items:center}.BlogHomeContainer h2{align-self:start;margin-left:10px}.BlogHomeContainer h2 select{margin-right:10px}.BlogHomeContainer select{font-size:16px;padding:0 8px;background-color:var(--bgDark);color:var(--secText);border:none;font-weight:700;appearance:none;-webkit-appearance:none;-moz-appearance:none}.BlogHomeContainer .link{text-decoration:none}.searchContainer{margin-bottom:10px}.searchContainer input{width:90vw;font-size:16px;padding:10px;background-color:var(--bgDarkTrans);border:none;box-shadow:var(--shadow);border-radius:8px;color:var(--primText)}.searchContainer input:is(.searchContainer input):focus{outline:none;border:1px solid var(--accent)}.searchContainer input:is(.searchContainer input)::placeholder{color:var(--secText)}.inputsContainer{display:flex;flex-direction:column;align-items:center;padding:10px}.inputsContainer .markDown{text-align:center;padding:10px;border:1px solid var(--bgDark);width:80vw;border-radius:8px;color:var(--secText);background-color:var(--bgDarkTrans);gap:.5rem;margin:10px 0;overflow-y:auto}.inputsContainer .markDown button{margin-left:4px;padding:8px;background-color:var(--fgDark);color:var(--secText);border:1px solid transparent;transition:.2s linear}.inputsContainer .markDown button:is(.inputsContainer .markDown button):hover{border:1px solid var(--accent)}.inputsContainer .markDown button:is(.inputsContainer .markDown button):active{background-color:var(--accent);color:var(--bgDark)}.inputsContainer div{display:flex}.inputsContainer h2{color:var(--primText)}.inputsContainer .img{height:200px;background-position:center;background-size:cover}.inputsContainer .write{margin-top:10px;padding:8px;width:80vw;background-color:var(--bgDarkTrans);border:none;font-size:16px;color:var(--secText);border-radius:8px;box-shadow:var(--shadow)}.inputsContainer :is(.inputsContainer .write).write:focus{outline:none;border:1px solid var(--accent)}.inputsContainer .c{height:10rem}.inputsContainer .publish{width:80%;padding:10px;font-size:16px;margin-top:20px;background-color:var(--accent);color:var(--secText);font-weight:700;border:none;border-radius:8px}.LoaderContainer{width:100%;height:100vh;background-color:var(--bgDarkTrans);animation:loading 1s infinite alternate forwards}@keyframes loading{0%{opacity:1;transform:scale(1)}to{opacity:.5;transform:scale(101%)}}.readContainer{color:var(--primText);padding:0 16px;display:flex;flex-direction:column;align-items:center;width:100vw}.readContainer h2{border-bottom:1px solid var(--accent);padding-bottom:4px}.readContainer .profile{width:100%;height:40vh;margin:16px 0;border-radius:4px}.readContainer .attributes{display:flex;align-items:center;width:100%;padding:4px 8px;background-color:var(--bgDarkTrans)}.readContainer .attributes .likeBtn{width:30px}.readContainer .attributes p{flex:1}.readContainer .attributes span{margin:0 8px}.readContainer .attributes img{filter:invert()}.readContainer h3{padding:0 8px;align-self:start}.readContainer .content{padding:0 8px;margin:10px;font-size:18px;line-height:30px;width:100%;white-space:pre-wrap;word-break:break-word}.readContainer u{color:var(--accent)}.readContainer .author{margin:10px;padding:0 8px;width:70%;text-align:start}img{width:90vw}.menu{display:flex;flex-direction:column;background-color:var(--bgDark);padding:8px;position:fixed;right:10px;left:10px;top:74px;border-radius:8px;box-shadow:var(--shadow);z-index:1}.menu a{text-decoration:none;color:var(--primText);margin:10px 30px;padding:4px}.menu a:is(.menu a):hover{color:var(--accent);transform:scale(101%)}#NewsLetterContainer{width:100%;background-color:var(--bgDark);border-radius:4px;display:flex;flex-direction:column;padding:20px 10px;align-items:center;justify-content:center;margin:40px 0;box-shadow:var(--shadow)}#NewsLetterContainer .formContainer{display:flex;flex-direction:column;align-items:center;width:100%}#NewsLetterContainer .formContainer h1{text-align:center;margin:16px 0}#NewsLetterContainer .formContainer p{text-align:center}#NewsLetterContainer .formContainer input{background-color:var(--fgDark);border:none;width:100%;margin-top:16px;padding:8px;font-size:16px;color:var(--secText);margin-bottom:20px}#NewsLetterContainer .formContainer input:is(#NewsLetterContainer .formContainer input):focus{outline:none;border-radius:8px;border:1px solid var(--accent)}#NewsLetterContainer .formContainer button{padding:10px 20px;font-size:16px;font-weight:700;background-color:var(--accent);border:none;border-radius:4px;width:50%;color:var(--bgDark)}.feedsContainer{width:100%;display:flex;flex-direction:column;align-items:center;text-decoration:none}nav{display:none}nav a{margin:0 16px;font-size:18px;text-decoration:none;color:var(--secText);font-family:Quicksand;transition:.2s linear}nav a:is(nav a):hover{color:var(--accent);font-weight:700}.socialMediaContainer{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--bgDarkTrans);padding:8px 0;margin:10px 0}.socialMediaContainer .social{width:30px;filter:invert();margin:0 8px}.socialMediaContainer :is(.socialMediaContainer .social).social:hover{transform:scale(101%)}@media(min-width:620px){.feedsContainer{display:grid;grid-template-columns:repeat(2,1fr)}img,iframe{width:90%}.socialMediaContainer{width:70%}nav{display:flex;align-items:center}.more{display:none}.readContainer{width:100vw}.readContainer .profile{width:70%;height:60vh}.readContainer .attributes{width:70%}.readContainer .content{width:70%;font-size:2 0px}.readContainer h2{width:70%}.readContainer h3{width:70%;align-self:center}.readContainer .profile{height:80vh}.readContainer .author{text-align:left}#NewsLetterContainer{flex-direction:row;width:100%}#NewsLetterContainer .formContainer{flex:1;width:50%;padding:10px 20px}#NewsLetterContainer .formContainer input{width:50%}.ArticleContainer{width:40vw}}@media(min-width:920px){.feedsContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.profile{width:100%;height:60vh;margin:16px 0}img,iframe{width:70%}.NewsLetterContainer{display:flex}.ArticleContainer{width:30vw}}