#app-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#000c;display:block;position:fixed;text-align:left;width:100%;z-index:2}#logo{color:#fed;font-size:calc(10px + 5vw);margin-bottom:0;margin-left:5%;margin-top:0;width:60%}#app-header a:hover{text-decoration:none}#navbar{float:right;margin:0;padding-right:1em}#function-bar{background:#3337;display:block;font-size:calc(10px + 1vw);height:1em;margin-bottom:5px;margin-top:.2em;padding:.2em 4% .2em .2em}.navbar-items{border-bottom:1.2em #0000;border-radius:.1em;color:#fed;display:inline-block;float:left;font-size:2vw;height:1em;line-height:1.3em;list-style-type:none;margin:1% .5vw;padding:2% .5vw .4em;position:relative;text-align:center;width:4em}.navbar-items:after{border-bottom:.15em solid #fed;bottom:0;content:"";height:.2em;left:50%;position:absolute;width:0}.navbar-items,.navbar-items:after{transition-duration:.4s;transition-property:left,width,background-color,border;transition-timing-function:ease-in-out}.navbar-items:hover:after{left:10%;width:80%}.selected{background-color:#fed4;transition:background-color 1.5s}.selected:after{border-bottom:.15em solid #fed;left:10%;width:80%}.funcbar-items{background-color:#0004;border-bottom:.3em solid #222a;border-right:.2em solid #555a;color:#fed;display:inline;float:right;font-size:60%;list-style-type:none;margin:auto 0 auto 1em;padding:.2vh .6vw;text-align:center;transition-duration:1.5s}.funcbar-items,.funcbar-items:hover{transition-property:background-color,border,color}.funcbar-items:hover{background-color:#fed2;border-bottom:.3em solid #222;border-right:.2em solid #555;transition-duration:.2s}.funcbar-items-ghost{border-bottom:.3em solid #222a;border-right:.2em solid #555a;color:#222;transition-duration:1.5s}.funcbar-items-ghost,.funcbar-items-ghost:hover{background-color:#000;transition-property:background-color,border,color}.funcbar-items-ghost:hover{color:#333;cursor:not-allowed;transition-duration:.2s}h2{font-size:3rem;text-decoration:none}h2,h3{color:#fed}h3{display:block;font-size:2rem}strong{color:#dcb}ul{margin:0}p{margin-top:0}pre{margin:0;padding:0}cite{color:#cba;font-weight:700}.clear{clear:both}.code-exerpt{border-radius:2vw 0 0 0;display:inline-block;font-size:1rem;margin:0;max-width:40vw;min-width:38rem;overflow:auto;scrollbar-color:#222 #2d2d2d;scrollbar-width:thin}.code-exerpt::-webkit-scrollbar{height:6px;width:6px}.code-exerpt::-webkit-scrollbar-track{background:#2d2d2d}.code-exerpt::-webkit-scrollbar-thumb{background-color:#1d1d1d;border:1px solid #333;border-radius:3px}.code-exerpt::-webkit-scrollbar-corner{background-color:#2d2d2d}.home-container{background-color:#222;border-radius:10px;color:#ba9;display:block;font-size:1.5em;margin:auto;padding:2rem;text-align:left;width:calc(100% - 8rem)}.section-container{display:inline-flex;flex-wrap:wrap;justify-content:space-around}.section-text{flex-grow:1;padding-right:2em;width:35%}.embedded-video{background-color:#0002;border-radius:1vw;margin:1em 5% 0 0;max-height:20rem;max-width:60%;min-width:30rem}.welcome-message{display:block}.intro-box{width:100%}.intro-box,.tech-ul-container{display:inline-flex;flex-wrap:wrap;justify-content:flex-start}.technologies-ul{display:inline-block;margin:0 3em;max-width:10em}.walkthrough-video{display:inline-block;margin:auto}.underline-animation-code .code-exerpt{max-height:12em}.button-logic-code .code-exerpt{max-height:14em}.gallery-basket-container,.gallery-basket-text{display:block}.sequencer-container{display:inline-flex;flex-wrap:wrap;justify-content:space-around;width:100%}.gallery-basket-code{display:inline-block;margin:auto}.gallery-basket-code .code-exerpt{max-height:32em}.responsive-design-video{display:inline-block;margin:auto}.single-image-code .code-exerpt{height:21em}.basket-redux-code .code-exerpt{max-height:30em}.nodejs-text-vid-wrapper{display:inline-flex;flex-wrap:wrap;justify-content:space-between}.nodejs-text{display:inline-block;flex-grow:1;width:55%}.nodejs-video{display:inline-flex;flex-grow:4}.nodejs-code-container{width:100%}.node-video-inner-container{display:block;margin:auto}.nodejs-code .code-exerpt{height:15em}@media screen and (max-width:800px){h2{font-size:2rem}h3{font-size:1rem;text-align:left}.home-container{font-size:1em;margin:0;padding:0 1em;width:calc(100% - 2em)}.section-container{display:block}.section-text{width:auto}.code-exerpt{font-size:1.5vw;min-width:80vw}.embedded-video{display:block;height:30vw;margin:0;min-width:60vw;width:auto}.code-container{display:block;margin:0 auto;width:80vw}.right-pad{padding-right:0}.intro-box{display:block;text-align:center}.walkthrough-video{display:block;margin:0 auto;text-align:left;width:60vw}.tech-ul-container{flex-wrap:nowrap}.technologies-ul ul{font-size:2vw;padding:.6rem;text-align:left}.technologies-ul{display:inline;margin:0 4vw}}#phcontainer{grid-gap:10px;display:grid;grid-template-columns:repeat(12,1fr);margin-left:2vw;margin-right:2vw}#empty_phcontainer{color:#fed}@media screen and (max-width:800px){#phcontainer{grid-template-columns:repeat(6,1fr);margin-top:2.5rem}}.single-wrapper{margin:2vh 0 0;padding-bottom:0;position:relative;width:100%}.slider{background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:zoom-in;height:calc(100% - 10px);margin:0 100px;position:absolute;width:calc(100% - 200px)}.top-buttons-container{display:flex;justify-content:space-between}.top-buttons{background-color:#0000;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:50px;margin:0 50px;opacity:.6;outline:none;text-decoration:none;transition:opacity,2s;width:33%;z-index:2}.top-buttons:hover{opacity:.8;transition:opacity,.5s}.exit-button{background-image:url(/dan/react_gallery/static/media/x-circle.964b3efee61ed2ab0d8b.svg);background-position:0}.remove-button{background-image:url(/dan/react_gallery/static/media/shopping-cart-x.648e381744440571310d.svg);background-position:100%}.add-button{background-image:url(/dan/react_gallery/static/media/shopping-cart.04be3c520486b71953f6.svg);background-position:100%}.next-prev-container{display:flex;justify-content:space-between}.next-prev-button{background-color:#0000;background-repeat:no-repeat;background-size:30%;font-size:xxx-large;min-height:65vh;opacity:.2;transition:opacity,2s;width:33%;z-index:2}.next-prev-button:hover{opacity:.6;transition:opacity,.5s}.no-highlight:hover{opacity:.1}.prev-image{background-image:url("/dan/react_gallery/static/media/chevron-left(fed).01fa1959278f4cbebeb0.svg");background-position:0}.next-image{background-image:url("/dan/react_gallery/static/media/chevron-right(fed).69ef0702370e22d241de.svg");background-position:100%}@media screen and (max-width:800px){.slider{margin:0 50px;width:calc(100% - 100px)}.top-buttons-container{margin-top:30px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:scroll}html{background:url(/dan/react_gallery/static/media/header_background.d18e8ecfcc47d8f487aa.jpg)}a{border:0;color:#b0e0e6;font-size:1em;text-decoration:none}a:hover{text-decoration:underline}h1{font-size:200%}button,h3{margin:0}button{background-color:#000;border:0;font-size:1em;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#app{background-color:#000a;display:block;padding-top:12%}@media screen and (max-width:800px){#app{padding-top:8%}}.disable-selection{-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none}@keyframes fadein{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadein ease-in-out 1;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeout{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.fade-out{animation:fadeout ease-in-out 1;animation-duration:.2s;animation-fill-mode:forwards;opacity:1}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;margin:0;padding:.1em .2em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.full-size{max-height:100%;max-width:100%}.images{border-radius:.4vw;object-fit:cover;transition:box-shadow 1.5s;width:100%}.images:hover{cursor:zoom-in}.thumbnail{background-color:#0002;background-repeat:no-repeat;background-size:contain;display:block;margin-bottom:auto;margin-top:auto;position:relative}.thumbnail:hover .images{box-shadow:0 0 1.5vw .5vw #fec3,0 0 2vw 3vw #fec1;transition:box-shadow .2s}.thumbnail:hover .add-basket-thumb.gallery{opacity:.7;transition:opacity .5s}.thumbnail:hover .remove-basket-thumb.basket{opacity:.6;transition:opacity .5s}.thumb-button{background-color:#fed5;background-position:50%;background-repeat:no-repeat;background-size:70%;border-radius:50%;cursor:pointer;height:4vw;left:.2em;opacity:0;outline:none;position:absolute;top:.2em;transition:opacity 1.5s;width:4vw;z-index:1}@media screen and (max-width:800px){.thumb-button{height:6vw;left:.1em;top:.1em;width:6vw}}.add-basket-thumb{background-image:url(/dan/react_gallery/static/media/shopping-cart-dark.422c351905ea060e25a2.svg);background-position-x:center;background-position-y:65%}.remove-basket-thumb{background-color:#000;background-image:url(/dan/react_gallery/static/media/shopping-cart-x.648e381744440571310d.svg);background-position-x:center;background-position-y:65%}.remove-basket-thumb.gallery{opacity:.6}@media (any-pointer:coarse){.add-basket-thumb{opacity:.7}.remove-basket-thumb{opacity:.6}}
/*# sourceMappingURL=main.31ff1b38.css.map*/