*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:#c0c5ce;font-size:16px}body{background-color:#2b303b}nav{background-color:#2b303b;height:80px;width:100%;line-height:80px;position:fixed;top:0}nav a.title{margin-left:5vw;font-size:24px;text-decoration:none}nav ul{float:right;margin-right:5vw}nav ul li{display:inline-block;list-style-type:none}.feed{margin-top:80px;padding-top:5vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feed .grid{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:10px}.feed .grid img.post{-o-object-fit:cover;object-fit:cover;width:20vw;height:20vw;display:inline-block;border-radius:10px}.feed .scroll{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;width:60vw}.fullscreen{width:100vw;height:100vh;overflow:hidden;position:absolute;top:0;left:0;background-color:#ffffff22}.fullscreen.hidden{display:none}.fullscreen .post{background:#2b303b;height:80vh;width:70vw;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:10px}.fullscreen .post .info{padding:20px}.fullscreen .post .info p#author{font-size:24px;font-weight:bold}.fullscreen .post .info p#date{color:#65737e;padding:5px 0}.fullscreen .post .info p.title{padding-top:20px;padding-bottom:5px;color:#65737e}.fullscreen .post .img{width:80vh;height:80vh;background-color:black;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;border-top-left-radius:10px;border-bottom-left-radius:10px}.fullscreen .post .img img#fullpost{max-width:80vh;max-height:80vh}