*,:before,:after{box-sizing:border-box}#app{max-width:3840px;font-weight:400;display:block;margin:0;padding:0;height:auto}body{margin:0;padding:0}.green{text-decoration:none;font-family:sans-serif;color:#13660a;transition:.4s;padding:3px}@media (hover: hover){.green:hover{background-color:#19e65e40;color:#7fff00}}.TheHeader>h1{font-size:x-large;font-family:serif}label{display:block;margin-bottom:5px}input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}button{padding:10px 15px;background-color:#046ea8;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#60c0f4}@media (min-width: 320px){.leftMenu,.NiteChatBar{display:none}.pageWrapper{min-width:320px;display:grid;width:100%;grid-template-columns:4fr;min-height:85vh;height:100%;margin:0}.TheHeader{width:100%;height:180px;color:#fff;font-family:sans-serif;text-align:left;background-color:#000;padding-left:20px;display:block;position:sticky;top:0;z-index:1000;margin:0}.MenuIconStrip{position:relative;justify-items:center;align-content:center}.SmallHeaderDropDownMenu{display:none}.LargeHeaderDropDownMenu{display:flex}.welcome{display:none}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;right:0;width:234px}.dropdownMenuItem{color:#fff;background-color:#151515;font-family:DM Sans,Avenir,Helvetica,Arial,sans-serif}.dropdown-content a:hover{background-color:#f1f1f1;color:#000}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#000}.dropbtn{background-color:transparent;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.leftMenu{background-color:#000;display:none}.menuBar{display:flex;flex-direction:column;color:#fff;margin:0}.menuItem{font-size:20px;font-family:sans-serif;width:100%;height:50px;background-color:#000;display:flex;margin:10px 0;border-radius:3px;align-items:center;transition:2s}.menuItem:hover{background-color:#55010999;transition:1s;color:#c5656b}.MainHomeDiv{text-align:center;width:auto;background-color:#d0d2d5;margin:0;padding:0}.ArticleAuthor{font-size:.9em;width:auto;height:35px;padding:5px 0 0;margin:0;background-color:#a9a9a9;text-align:left;align-content:center;border-top-right-radius:8px;border-top-left-radius:8px;border-bottom:1px black solid}.ArticleName{width:100%;font-size:1.4em;height:55px;overflow:hidden;align-content:center}.ArticleImage{height:250px;background-color:#000;overflow:hidden;align-content:center;width:auto;margin:0;border:1px black solid}.ArticleDescription{width:260px;height:60px;overflow:hidden;margin:15px 25px;font-size:1rem}.LikesBar{width:auto;height:35px;position:relative;font-size:.8em;background-color:#ddd;text-align:right;border-top:1px black solid;border-bottom-left-radius:8px;border-bottom-right-radius:8px;align-content:center}}.formLabel{font-family:DM Sans,Avenir,Helvetica,Arial,sans-serif}@media (min-width: 850px){.TheHeader{width:100%;height:60px;color:#fff;font-family:sans-serif;text-align:left;background-color:#000;padding-left:20px;display:flex;position:sticky;top:0;z-index:1000;margin:0}.MenuIconStrip{position:absolute;left:40%;align-content:center}}@media (min-width: 1024px){.pageWrapper{display:grid;width:100%;grid-template-columns:1fr 5fr;height:auto;margin:0}.welcome{display:inline-block}.leftMenu{display:block}}@media (min-width: 1440px){.pageWrapper{grid-template-columns:1fr 5fr 1fr}.NiteChatBar{display:block;text-align:center;background-color:#000;color:#fff;margin:0}}