body{margin:0;padding:0;height:100%;position:relative;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.logo{width:125px;height:125px}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navbar{position:relative;display:flex;align-items:center;justify-content:center;background:#1da1f2}.form{width:700px}.nav-icons{margin-top:20px;margin-bottom:10px}#header-feed,#header-home,#header-new{width:20px;height:20px}@media only screen and (max-width:600px){.form{width:350px}}@media(max-width:320px){nav{width:100}}.parent,.photo-container{background:#aab8c2}.parent{grid-template-rows:15% 70% 15%;grid-template-columns:1fr 3fr 1fr;padding-top:30px;display:grid;grid-template-areas:"H F A A" "H F A A" "H F A A"}#two{grid-area:H;position:fixed}#three{grid-area:F}#four{height:500px;grid-area:A;position:fixed;right:0;overflow-y:scroll}#three,#two{background-color:#eee}#three{color:#000}#four{background-color:#e1e8ed}#logo{width:200px;height:200px}.vertical-menu a{background-color:#eee;color:#000;display:block;padding:12px;text-decoration:none}.vertical-menu a:hover{background-color:#fff}.vertical-menu .link{background-color:#04aa6d;color:#000}@media only screen and (max-width:600px){#logo{width:100px;height:100px}#four,#two{display:none}.parent{display:flex}}@media only screen and (max-width:320px){#logo{width:50px;height:50px}#four,#two{display:none}.parent{display:flex}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){#two{display:none}.parent{display:flex}#four{display:none}}@media(max-width:320px){#two{display:none}.parent{display:flex}#four{display:none}}.post{width:60%;height:auto;background:#14171a;border:1px solid #dfdfdf;margin-top:40px}.photo-div{background:#aab8c2}.info{width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#1da1f2}.info .username{width:auto;font-weight:700;color:#000;font-size:14px;margin-left:10px}.info .options{height:10px;cursor:pointer}.info{outline:2px solid #1da1f2;margin-bottom:10px}.info .user{display:flex;align-items:center}.info .profile-pic{height:40px;width:40px;padding:0;background:none}.info .profile-pic img{border:none}.post-image{width:50%;height:300px;object-fit:cover}.post-content{width:100%;padding:20px;margin-top:-20px}.likes{font-weight:700}.description{margin:10px 0;font-size:14px;line-height:20px}.description span{font-weight:700;margin-right:10px}.post-time{color:#fff;font-size:12px}.reaction-wrapper{width:100%;height:50px;display:flex;margin-top:-20px;align-items:center}.reaction-wrapper .icon{height:25px;margin:0 20px 0 0}.reaction-wrapper .icon.save{margin-left:auto}@media only screen and (max-width:600px){.post{width:100%;height:auto;background:#14171a;border:1px solid #dfdfdf;margin-top:40px}}@media only screen and (max-width:320px){.post{width:100%;height:auto;background:#14171a;border:1px solid #dfdfdf;margin-top:40px}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.post{width:100%;height:auto;background:#14171a;border:1px solid #dfdfdf;margin-top:40px}}body{background-color:#e9ebee;color:#1d2129;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}.post-container{width:100%;margin:0 auto}.posts{background-color:#fff;max-width:600px;padding:20px;margin:20px auto;border-radius:2px;border:.25px solid #d3d3d3;position:relative}.avatar{border-radius:50%;height:40px;width:40px}.information{display:flex}.timestamp>*{margin:0 0 0 10px;padding:0;font-size:12px}.post-text{padding:5px;font-size:14px}.reaction-bar{width:100%;display:flex;left:20px}.reaction-bar,.time{position:absolute;bottom:10px}.time{right:20px}.time small{color:#385898;font-size:10px}.reaction-bar,img{width:15px;height:15px}.favoriteteam{position:absolute;top:0;right:20px}hr{border-top:.5px solid #d3d3d3}.edit{position:absolute;right:50%}.feed-divider{border-top:.5px solid #000}.thumbsup{cursor:pointer}.container{background-image:url(/static/media/soccer.42a86ecd.jpg)}.box,.container{background-size:cover}.box{background-image:url(/static/media/soccer-bg.854a7464.jpg)}.footer{padding:1rem;bottom:0;width:100%;background:#1da1f2}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){.footer{position:sticky;padding:1rem;bottom:0;width:100%;background:#1da1f2}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.post{width:85%;height:auto;background:#14171a;border:1px solid #dfdfdf;margin-top:40px}}@media only screen and (max-width:600px){.footer{position:sticky;padding:1rem;bottom:0;width:100%;background:#1da1f2}}@media only screen and (max-width:320px){.footer{position:sticky;padding:1rem;bottom:0;width:100%;background:#1da1f2}}
/*# sourceMappingURL=main.8f6af666.chunk.css.map */