:root{--navBarHeight:100px;--shadowColor:rgba(255,0,0,.7);--hightlightColor:#2bb3cd;--gradient:linear-gradient(#0f7c9e,#2bb3cd);--scroll:0;--scroll2:0}#about{color:#000}@media (max-width:470px){:root{--navBarHeight:80px}}.regular-wrapper{z-index:2;position:relative;display:flex;height:calc(100vh - var(--navBarHeight));text-align:center;justify-content:center;align-items:center}#main{background:linear-gradient(#000 40%,transparent 60%);background-size:200% 200%;animation:scroll 1s linear;animation-play-state:paused;animation-delay:calc(var(--scroll) * -1s);animation-iteration-count:1;animation-fill-mode:both}@keyframes scroll{0%{background-position:0 0}to{background-position:0 100%}}#mainParent{background-image:url(/images/jaykayLogoPaint.png);background-size:contain;background-position:50%;background-repeat:no-repeat;height:100%;width:100%}#roller{background:url(/images/roller.png) no-repeat 50%/cover;width:200px;height:200px;margin:0 auto;position:relative;left:-10px;margin-top:calc(-50vh - var(--navBarHeight));margin-bottom:calc(50vh - var(--navBarHeight));z-index:100;animation:opacity .3s calc(var(--scroll) * -1s) linear 1,bounce 2s ease infinite;animation-play-state:paused,running;animation-fill-mode:both}@media (max-width:500px){#roller{width:100px;height:100px}}@keyframes opacity{to{opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}#home{animation:swipe 1s linear;animation-play-state:paused;animation-delay:calc(var(--scroll2) * -1s);animation-iteration-count:1;animation-fill-mode:both}@keyframes swipe{0%{transform:translateX(-100vw);opacity:0}}#patch{background:url(/images/patch.png) no-repeat 50%/cover;width:750px;height:300px;margin:auto;justify-content:center;align-content:center;display:flex}#patch h1{margin:auto;color:#000}@media (max-width:800px){#patch{width:500px;height:200px}}@media (max-width:500px){#patch{width:375px;height:150px}#patch h1{font-size:22px}}.break{flex-basis:100%;height:0}#about{margin:40px 20% 0;background:var(--gradient);border-radius:10px;padding:40px}#libraries-main,#projects-main{background:#191919;border-radius:7px;color:#c7c7c7;width:100%;margin:0 10px;padding:10px;border:3px solid var(--hightlightColor)}#libraries,#projects{display:flex;flex-wrap:wrap;align-items:stretch;text-align:center;margin:20px;scroll-margin-top:20px;scroll-snap-margin-top:20px}.library,.project{background:#191919;padding:20px;margin:10px;flex-grow:1;border-radius:7px;color:#c7c7c7;width:max(20%,300px)}.library .icon,.project .icon{width:100px;height:100px;display:block;margin:20px auto}.library a,.project a{text-decoration:none;color:var(--hightlightColor)}