@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400;600&display=swap);body{margin:0;font-family:Source Code Pro,monospace;font-size:20px;overflow:hidden}main{height:100vh;width:100vw;background-color:rgba(46,87,107,.4);background-image:url(/packs/media/images/palms-cb2b848e800b59225866e976e49bff8e.png),url(/packs/media/images/skater-798c721d13924e1ee00a2fdff5df2772.png),url(/packs/media/images/la-skyline-6604762e174570e05b462e20dcffa8b6.webp),url(/packs/media/images/clouds-11dbca59b30bec6b63ef6cd036d665d9.webp);background-repeat:repeat-x;background-position:0 100%,0 100%,0 100%,0 0;background-size:auto 100%,auto 100%,auto 100%,400px 260px;animation:para 50s linear infinite}@media only screen and (max-device-width:480px){main{background-position:center 100%,center 100%,center 100%,0 0}}@keyframes para{to{background-position:-500px 95%,800px 100%,-180px 100%,400px 0}}.container,.sidebar{display:flex}.sidebar{padding-top:15px;width:400px;border-right:6px solid #000;flex-direction:column;justify-content:start;text-align:center}.sidebar .footer{display:flex;flex-grow:1;align-self:center;align-items:flex-end}.sidebar .img-wrapper{padding:0 100px}.sidebar .img-wrapper img{border-radius:50%;align-self:center}.sidebar .wrapper{position:relative;width:100%;height:40px}@media only screen and (max-device-width:480px){.sidebar{width:100px}.sidebar .img-wrapper{padding:0 10px}.sidebar .link{min-width:100%;position:absolute;z-index:1;white-space:nowrap;background-color:#fff}}.sidebar .link{display:block;font-size:20px;padding:5px 10px;text-decoration:none;color:#000;font-weight:700;cursor:pointer}.sidebar .link:hover{color:#fff;background-color:#000}