@media all{.header-top,.post .content.soon span.bold,.post .content.welcome span.bold{font-weight:500}#loading,.post .content span.content-more{display:none}body,html{height:100%;width:100%}body{font-family:Montserrat,sans-serif;margin:0;background:#1c1a32}::-webkit-scrollbar{width:10px;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-o-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}::-webkit-scrollbar-track{box-shadow:none;border-radius:none}::-webkit-scrollbar-thumb{background:#fee33f;border-radius:4px}.header-top,.modal{background:rgba(255,255,255,.3)}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-o-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-top{z-index:1;-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-o-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;padding:10px 0;display:flex;width:100%;justify-content:space-between;position:fixed;top:0}.header-top .logo{padding:2px 10px;color:#fff;font-size:14px}.header-top .logo a{text-decoration:none;color:#fff}.header-top .school-text{margin-left:auto;padding:2px 10px;font-size:14px}.header-top span.special,.modal-title span.special,.post .title span.special{color:#fee33f}#content{max-width:500px;width:95%;margin:0 auto;display:flex;flex-wrap:wrap;padding:50px 0}#wall{width:100%}.post{border-radius:4px;margin-top:30px;padding:3px}.post .inside{background:#1c1a32}.post .line{height:1px;width:calc(100% - 20px);margin:8px 10px}.modal-content .modal-content-inside .line,.post .line.error,.post .line.soon,.post .line.welcome{height:1px;width:calc(100% - 20px);margin:0 10px}.post .title{text-align:left;font-size:24px;line-height:30px;color:#fff;font-weight:700;padding:14px 14px 0}.post .content,.post .publish{margin-top:8px;color:#fff;padding:0 14px}.post .title.current-tag{font-size:18px;margin-top:14px}.post .title img.emoji{height:24px;width:24px;margin:0;vertical-align:-.1em}.post .content{text-align:left;font-size:16px;line-height:24px;font-weight:300;overflow-wrap:break-word}.post .content span.show-more{font-weight:500;cursor:pointer}.post .content a:active:hover,.post .content a:focus:hover,.post .content a:hover,.post .content a:visited:hover,.post .content span.show-more:hover,.post .content span.underline,.post .webpage a:active:hover,.post .webpage a:focus:hover,.post .webpage a:hover,.post .webpage a:visited:hover{text-decoration:underline}.post .content.error,.post .content.soon{padding-bottom:14px}.post .content.welcome{padding-bottom:12px;margin-top:12px}.post .content.current-tag{margin-top:12px;margin-bottom:12px}.modal-content .modal-content-inside img.emoji,.post .content img.emoji,.post .webpage img.emoji{height:16px;width:16px;margin:0 .05em 0 .1em;vertical-align:-.1em}.post .content a,.post .content a:active,.post .content a:focus,.post .content a:visited{font-weight:400;color:#fff;text-decoration:none}.modal-content .modal-body p span.bold,.post .content span.bold{font-weight:600}.post .content span.italic{font-style:italic}.post .publish{font-size:12px;line-height:16px;font-weight:200}.post .image,.post .youtube{margin-top:14px;text-align:center}.post .image img{width:100%;height:auto;max-width:100%;max-height:100%;display:block}.post .youtube iframe{width:100%;display:block;max-width:560px;height:315px}.post .hashtags{padding:12px;font-size:12px}.modal-content .modal-body p,.post .webpage{text-align:left;font-size:16px;line-height:24px;overflow-wrap:break-word}.post .hashtags a,.post .hashtags a:active,.post .hashtags a:focus,.post .hashtags a:visited{display:inline-block;padding:6px;background:#fff;text-decoration:none;font-weight:600;color:#1c1a32;text-transform:uppercase;border-radius:4px;margin:3px 2px;border:1px solid #1c1a32;transition:border-color 1s}.post .hashtags a:active:hover,.post .hashtags a:focus:hover,.post .hashtags a:hover,.post .hashtags a:visited:hover{background:#1c1a32;color:#fff;border:1px solid #fff;transition:border-color 1s}.post .hashtags a.show-all,.post .hashtags a.show-all:active,.post .hashtags a.show-all:focus,.post .hashtags a.show-all:visited{background:#fee33f}.post .hashtags a.show-all:hover{color:#fee33f;border:1px solid #fee33f;background:#1c1a32;transition:border-color 1s}.post .webpage{margin-top:12px;color:#fff;font-weight:300;padding:0 14px 14px}.post .webpage a,.post .webpage a:active,.post .webpage a:focus,.post .webpage a:visited{font-weight:500;color:#fff;text-decoration:none}#loading{padding-top:30px;text-align:center;width:100%}#loading img{width:25px;height:auto}.modal{-webkit-backdrop-filter:blur(20px);-moz-backdrop-filter:blur(20px);-o-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.modal-dialog{margin:auto;height:100%;display:flex;padding:5px}.modal-content{border:0;padding:3px;border-radius:4px;margin:auto}.modal-content .modal-content-inside{background:#1c1a32;color:#fff!important}.modal-header{border-bottom:0;padding-bottom:0}.modal-title{color:#fff;font-weight:500;font-size:20px}.modal-content .modal-body p{margin-bottom:0;font-weight:300}.modal-footer{border-top:0}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:visited,.btn-secondary,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:visited{padding:8px 16px;font-size:13px;text-decoration:none;text-transform:uppercase;border-radius:4px;margin:3px 2px;outline:0!important;box-shadow:none!important;-moz-box-shadow:none;-webkit-box-shadow:none}.btn-primary,.btn-primary:active,.btn-primary:focus,.btn-primary:visited{font-weight:600;background:#fee33f;color:#1c1a32;border:1px solid #fee33f;transition:border-color 1s}.btn-secondary,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:visited{font-weight:400;background:#fff;color:#1c1a32;border:1px solid #fff;transition:border-color 1s}.btn-primary:hover,.btn-secondary:hover{background:#1c1a32;transition:border-color 1s;outline:0!important}.btn-primary:hover{color:#fee33f;border:1px solid #fee33f;box-shadow:none!important;-moz-box-shadow:none;-webkit-box-shadow:none}.btn-secondary:hover{color:#fff;border:1px solid #fff;box-shadow:none!important;-moz-box-shadow:none;-webkit-box-shadow:none}}@media only screen and (max-width:400px){.header-top .logo,.header-top .school-text{font-size:12px}}@media only screen and (max-width:349px){#content{padding-top:60px}.header-top{display:block}.header-top .school-text{padding-top:6px}.header-top .logo,.header-top .school-text{font-size:14px}}