body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e171e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Raleway,Courier New,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App-header p{font-family:Raleway,sans-serif;font-weight:200}.App{background-color:#252c36;text-align:center}.all-tiles{margin-left:5vw;margin-right:5vw;margin-top:400px;text-align:left;width:90vw}.video{height:50.625vw;margin-left:auto;margin-right:auto;margin-top:20px;max-height:700px;max-width:1244.444px;width:90vw}.ytp-button,.ytp-pause-overlay{opacity:0;z-index:-10}.tiles{cursor:pointer;display:inline-flex;left:0;margin:3vw 3vw 20px;text-align:left;top:0;width:39vw}.tileImg{aspect-ratio:16/9;-webkit-filter:invert(0);filter:invert(0);object-fit:cover;object-position:center;width:100%}.tileImg:hover{-webkit-filter:invert(.1);filter:invert(.1);width:100%}.tileImgPortraitWrapper{background-color:#000;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.tileImgPortrait{bottom:0;height:100%;left:0;object-fit:contain;object-position:center;position:absolute;right:0;top:0;width:100%}.title-text{color:#f5f5f5;font-family:Raleway,sans-serif;font-size:2rem;font-weight:500;text-align:left}.description{color:#f5f5f5}.description,.role{font-family:Raleway,sans-serif;font-size:1.4rem;font-weight:200;text-align:left}.role{color:#ffee6a}.genre{color:#e8fcff;font-family:Raleway,sans-serif;font-size:1.2rem;font-style:italic;font-weight:100;text-align:left}.project-container{margin-left:5vw;margin-right:5vw;margin-top:50px;text-align:left;width:90vw}.project{position:relative;text-align:center}.close{color:#e0e8ea;cursor:pointer;font-size:2rem;position:absolute;right:30px;top:20px;z-index:10}.close:hover{color:#fff;font-size:2.1rem}.hide{display:none}.show{display:inline}#project{background-color:rgba(14,23,30,.9);height:100vh;left:0;position:fixed;top:0;z-index:100}@media only screen and (max-width:900px) and (min-width:601px){.all-tiles{margin-top:340px}.title-text{font-size:1.7rem}.description,.role{font-size:1.3rem}.genre{font-size:1rem}.project-container{margin-top:100px}}@media only screen and (max-width:600px){.all-tiles{margin-top:240px}.tiles{margin:20px 0;width:100%}.title-text{font-size:1.5rem}.description,.role{font-size:1rem}.genre{font-size:.8rem}.project-container{margin-top:100px}}.header{background-color:#0e171e;display:inline-flex;height:400px;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:-3}.left-img{-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:leftanimation;animation-name:leftanimation;background-image:url(/sound/static/media/left.4a8cc2a0ed6cfa499a8f.svg);background-position:0;background-repeat:no-repeat;height:110%;margin-left:5%;margin-top:-50px;object-fit:cover;width:250px}@-webkit-keyframes leftanimation{0%{background-image:url(/sound/static/media/left.4a8cc2a0ed6cfa499a8f.svg)}25%{background-image:url(/sound/static/media/left2.d65fd164570184a960e5.svg)}50%{background-image:url(/sound/static/media/left3.72fc13e457c3c182ebcd.svg)}75%{background-image:url(/sound/static/media/left4.efd474b25cd1251bc7e8.svg)}to{background-image:url(/sound/static/media/left.4a8cc2a0ed6cfa499a8f.svg)}}@keyframes leftanimation{0%{background-image:url(/sound/static/media/left.4a8cc2a0ed6cfa499a8f.svg)}25%{background-image:url(/sound/static/media/left2.d65fd164570184a960e5.svg)}50%{background-image:url(/sound/static/media/left3.72fc13e457c3c182ebcd.svg)}75%{background-image:url(/sound/static/media/left4.efd474b25cd1251bc7e8.svg)}to{background-image:url(/sound/static/media/left.4a8cc2a0ed6cfa499a8f.svg)}}.center-header{width:70%}.right-img{-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rightanimation;animation-name:rightanimation;background-image:url(/sound/static/media/right.aa2028568a5d4ec293ce.svg);background-position:50%;background-repeat:no-repeat;height:110%;margin-right:5%;margin-top:-50px;object-fit:cover;right:0;width:250px}@-webkit-keyframes rightanimation{0%{background-image:url(/sound/static/media/right.aa2028568a5d4ec293ce.svg)}25%{background-image:url(/sound/static/media/right2.42857017cf6edcdcad00.svg)}50%{background-image:url(/sound/static/media/right3.b8444c5e9d4fc43dda6b.svg)}75%{background-image:url(/sound/static/media/right4.8904bcd04116df6b3d84.svg)}to{background-image:url(/sound/static/media/right.aa2028568a5d4ec293ce.svg)}}@keyframes rightanimation{0%{background-image:url(/sound/static/media/right.aa2028568a5d4ec293ce.svg)}25%{background-image:url(/sound/static/media/right2.42857017cf6edcdcad00.svg)}50%{background-image:url(/sound/static/media/right3.b8444c5e9d4fc43dda6b.svg)}75%{background-image:url(/sound/static/media/right4.8904bcd04116df6b3d84.svg)}to{background-image:url(/sound/static/media/right.aa2028568a5d4ec293ce.svg)}}.header-img{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:poloanimation;animation-name:poloanimation;background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg);background-position:50%;background-repeat:no-repeat;height:150px;margin-top:50px;object-fit:cover;text-align:center;top:0;width:auto}@-webkit-keyframes poloanimation{0%{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}25%{background-image:url(/sound/static/media/polo2.516212b10bf97c15c5c8.svg)}50%{background-image:url(/sound/static/media/polo3.60e467bc7be0b3894059.svg)}75%{background-image:url(/sound/static/media/polo4.1e5860ed4604010140bc.svg)}to{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}}@keyframes poloanimation{0%{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}25%{background-image:url(/sound/static/media/polo2.516212b10bf97c15c5c8.svg)}50%{background-image:url(/sound/static/media/polo3.60e467bc7be0b3894059.svg)}75%{background-image:url(/sound/static/media/polo4.1e5860ed4604010140bc.svg)}to{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}}.header-text{color:#f5f5f5;font-size:2rem;text-align:center}.btn,.header-text{font-family:Raleway,sans-serif;font-weight:200}.btn{background-color:hsla(0,0%,49%,.203);border:2px solid rgba(255,255,104,.7);border-radius:8px;color:rgba(255,255,104,.7);cursor:pointer;font-size:2em;margin-bottom:30px;margin-top:10px;padding:5px 15px;text-decoration:none}.btn:hover{background-color:hsla(0,0%,80%,.288);border:2px solid #ffff2b;color:#ffff2b}@media only screen and (max-width:900px) and (min-width:601px){.header{height:auto;margin-bottom:50px;width:100vw}.header-text{font-size:1.8rem}.header-img{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:poloanimation;animation-name:poloanimation;background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg);background-position:50%;background-repeat:no-repeat;height:130px;margin-top:50px;object-fit:cover;text-align:center;top:0;width:auto}@-webkit-keyframes poloanimation{0%{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}25%{background-image:url(/sound/static/media/polo2.516212b10bf97c15c5c8.svg)}50%{background-image:url(/sound/static/media/polo3.60e467bc7be0b3894059.svg)}75%{background-image:url(/sound/static/media/polo4.1e5860ed4604010140bc.svg)}to{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}}@keyframes poloanimation{0%{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}25%{background-image:url(/sound/static/media/polo2.516212b10bf97c15c5c8.svg)}50%{background-image:url(/sound/static/media/polo3.60e467bc7be0b3894059.svg)}75%{background-image:url(/sound/static/media/polo4.1e5860ed4604010140bc.svg)}to{background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg)}}.left-img{margin-left:1%}.left-img,.right-img{height:auto;margin-bottom:20px;margin-top:-50px;width:19%}.right-img{margin-right:1%}.center-header{width:60%}.btn{background-color:hsla(0,0%,49%,.203);border:2px solid rgba(255,255,104,.7);border-radius:8px;color:rgba(255,255,104,.7);cursor:pointer;font-family:Raleway,sans-serif;font-size:1.5em;font-weight:200;margin-bottom:30px;margin-top:10px;padding:5px 15px}}@media (max-width:600px){.header{height:auto;margin-bottom:50px;width:100vw}.header-text{font-size:1.2rem}.header-img{-webkit-animation-name:none;animation-name:none;background-image:url(/sound/static/media/polo.14ffdb78dd7aa92d5e68.svg);background-position:50%;background-repeat:no-repeat;height:70px;margin-top:50px;object-fit:cover;text-align:center;top:0;width:auto}.left-img{margin-left:1%}.left-img,.right-img{-webkit-animation-name:none;animation-name:none;height:auto;margin-bottom:20px;margin-top:-50px;width:19%}.right-img{margin-right:1%}.center-header{width:60%}.btn{background-color:hsla(0,0%,49%,.203);border:2px solid rgba(255,255,104,.7);border-radius:8px;color:rgba(255,255,104,.7);cursor:pointer;font-family:Raleway,sans-serif;font-size:1em;font-weight:200;margin-bottom:30px;margin-top:10px;padding:5px 15px}}.footer{background-color:#0e171e;display:inline-flex;height:auto;position:relative;text-align:left;width:100vw}.footer-content{display:inline-flex;margin-left:5vw;margin-right:5vw;width:90vw}.footer-img{height:70px;margin:20px;text-align:center;width:auto}.btn-footer{background-color:hsla(0,0%,49%,.203);border:2px solid rgba(255,255,104,.7);border-radius:8px;color:rgba(255,255,104,.7);cursor:pointer;font-family:Raleway,sans-serif;font-size:1.4em;font-weight:200;margin:0;padding:5px 20px;position:absolute;right:30px;text-decoration:none;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.text-aligment{margin-left:10px;width:50%}.footer-text{color:#f5f5f5;font-family:Raleway,sans-serif;font-size:1em;font-weight:200;margin:0;position:absolute;text-align:left;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media only screen and (max-width:600px){.footer-text{font-size:.7em}.footer-img{height:50px}.text-aligment{margin-left:2px;text-align:center}.btn-footer{font-size:.9em}}
/*# sourceMappingURL=main.7e8085b5.css.map*/