@import url(https://fonts.googleapis.com/css?family=Roboto);
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}*{-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;color:inherit;text-decoration:none}a:active,a:hover{outline:0}li{list-style:none;text-decoration:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}button,h1,h2,h3,h4,h5,h6{letter-spacing:1px}button,h1,h2,h3,h4,h5,h6,i,p{font-family:Roboto,sans-serif}i,p{line-height:1.5}h1,h2,h3,h4,h5,h6,p{color:#ebebeb}.center,.flex{display:-ms-flexbox;display:flex}.center{-ms-flex-pack:center;-ms-flex-align:center;-ms-flex-line-pack:center;align-content:center;align-items:center;justify-content:center}.spaceBetween{-ms-flex-pack:justify;justify-content:space-between}.spaceAround{-ms-flex-pack:distribute;justify-content:space-around}.stretch{-ms-flex-align:stretch;-ms-flex-line-pack:stretch;align-content:stretch;align-items:stretch}.flexStart{-ms-flex-pack:start;-ms-flex-align:start;align-items:flex-start;justify-content:flex-start}.column{-ms-flex-direction:column;flex-direction:column}.row{-ms-flex-direction:row;flex-direction:row}.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.rowReverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.columnReverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.grid{display:-ms-flexbox;display:flex}.grid .col{-ms-flex:1 1;flex:1 1}.grid-thirds{-ms-flex-pack:justify;display:-ms-flexbox;display:flex;justify-content:space-between}.grid-thirds .col{width:calc(33.33333% - 10px)}section{display:block}.s100{padding:0}.s66{padding:10.6666666667% 16%}.underline{border-bottom:1px solid #aaa}@media(max-width:768px){.grid{display:block}.s66{padding:5.3333333333% 8%}}.basePad{padding:5rem}@media screen and (max-width:768px){.basePad{padding:3rem 2rem}}.blogPost{width:768px}@media screen and (max-width:768px){.blogPost{width:100%}}body{background:#111}.invisible{opacity:0;-webkit-transition:.2s ease-in;transition:.2s ease-in}.invisible,.visible{-webkit-transform:translateZ(0);transform:translateZ(0)}.visible{opacity:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.fade-enter{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1}.fade-enter.fade-enter-active{-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.fade-enter.fade-enter-active,.fadeIn{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fadeIn{background:transparent;-webkit-transition:.2s ease-in;transition:.2s ease-in}.fadeOut{background:transparent;-webkit-box-shadow:0;box-shadow:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;opacity:0;padding:0;-webkit-transition:.3s ease-out;transition:.3s ease-out;visibility:0}.fadeOut,a,a h3{-webkit-transform:translateZ(0);transform:translateZ(0)}a,a h3{-webkit-transition:.15s ease-out;transition:.15s ease-out}a h3:hover,a h3:hover h3,a:hover,a:hover h3{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:.1s ease-in;transition:.1s ease-in}a h3:hover h3,a:hover h3{color:#404040}.iconWrapper{background:#ebebeb;border-radius:50%;color:#ebebeb;height:2.5rem;margin-right:.7rem;-webkit-transition:.3s ease-out;transition:.3s ease-out;width:2.5rem}.iconWrapper .reactIcon{margin:0;padding:0}.iconWrapper:hover{background:#dedede;cursor:pointer}.iconWrapper .rotateTo{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transition:.15s ease-in;transition:.15s ease-in}.iconWrapper .rotateBack{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.15s ease-out;transition:.15s ease-out}.noBackground{background:#111;-webkit-transition:.3s ease-out;transition:.3s ease-out}.noPointer:hover{background:#ebebeb;cursor:default}button{-webkit-appearance:none;-moz-appearance:none;background:inherit;border:1px solid #1a1a1a;border-radius:4px;margin:0 5px;text-decoration:none}button,button svg{-webkit-transition:.3s ease-out;transition:.3s ease-out}button svg{color:#ebebeb;height:auto;padding-top:6px;width:auto}button:hover svg{color:#000}button:hover{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}button:disabled{color:#fff}button button,button input:focus,button textarea,button:focus,button:focus:focus{outline:0!important}.interviewButtons button{margin:.5rem 1rem .5rem 0}@media screen\0,screen\9 {.gatsby-image-outer-wrapper div img:first-of-type{visibility:hidden}}@media \0 screen{.gatsby-image-outer-wrapper div img:first-of-type{visibility:hidden}}.postContainer{background:#333;width:100%}.postContainer a:hover{color:#9bad8b}.postContent{background:#333;width:100%}.postContent a:hover{color:#9bad8b}.postContent h1,.postContent h3,.postContent h4,.postContent h5{color:#000;margin:0;text-align:center}.postContent h1{color:inherit}.postContent h4{padding-bottom:3rem}.postContent p a{color:#9bad8b}.postContent p a:hover{color:#687b57}.postContent .blogPost{background:#111}.postContent .blogPost li,.postContent .blogPost p{font-size:1rem}.postContent .blogPost .basePad>.flex>div{width:100%}.postTagContainer{padding:0}.postTagContainer a,.postTagContainer a:hover{color:#111}.postTagContainer button{background:#ebebeb;border:none;border-radius:16px;font-size:12px;line-height:0;margin:.1rem;padding:12px;-webkit-transition:.3s ease-out;transition:.3s ease-out}.postTagContainer button:hover{background:#c5c5c5;color:#111}.postTagContainer button:active,.postTagContainer button:focus{outline:0}.admin{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background:#000;display:-ms-flexbox;display:flex;justify-content:center}#root,.admin{height:100%;width:100%}#root{background:#ebebeb;position:fixed;top:0;z-index:999}.base404 div h2,.pageNotFound div h2{text-align:center}.pageNotFound .controls{-ms-flex-pack:center;background:inherit;border:0;justify-content:center;margin-bottom:0;padding-bottom:3rem}.pageNotFound .controls>div{margin:1rem}.pageNotFound .controls h3:hover{color:#111}.home .homeAbout{background:#010101;padding:2rem 0 0}.home .homeAbout h3,.home .homeAbout p{margin:0 10px}.home .homeAbout>div{padding:0 0 2rem}.home .homeAbout>div>div{padding:.3rem 0}.home .homeAbout>div>div a{margin:0;padding:0}.home .homeAbout>div>div h3{color:#ebebeb;-webkit-transition:.3s ease-out;transition:.3s ease-out}.home .homeAbout>div>div h3:hover{color:#6c6c6c}@media screen and (max-width:768px){.home .homeAbout>div>div h3{font-size:100%}}.home .hero:after{border-top:1rem solid transparent}.disc{background:#111;overflow:hidden}.disc .discInfo{width:70%}@media screen and (max-width:768px){.disc .discInfo{width:100%}}.disc .discInfo h1,.disc .discInfo h3{margin:0;padding:0}.disc .discInfo h3{color:#aaa;font-size:100%}.disc .discInfo h1{padding-bottom:10px}.disc .discInfo button{color:#ebebeb;font-size:120%;font-weight:700;margin:0}.disc .discInfo button:hover{color:#ababab}.disc .discInfo .discHero{-ms-flex-pack:start;-ms-flex-align:center;-ms-flex-item-align:start;align-items:center;align-self:flex-start;-ms-flex:2 1;flex:2 1;justify-content:flex-start;padding-bottom:0}.disc .discInfo .discHero .gatsby-image-wrapper{max-width:340px;padding:20px}@media screen and (max-width:768px){.disc .discInfo .discHero{-ms-flex-item-align:center;align-self:center;-ms-flex-flow:column;flex-flow:column;padding-bottom:0;padding-top:4rem}}.disc .discInfo .discHero button{border:0;margin-left:0;padding:1rem 0}.disc .discInfo .discHero button h3{color:#ebebeb}.disc .discInfo .discHero button:hover h3{color:#777}.disc .discInfo .discHero i{color:#ccc;font-size:90%;margin:0;max-width:70ch;padding-top:10px;text-align:left}@media screen and (max-width:768px){.disc .discInfo .discHero i{text-align:center}}.disc .discInfo .discHero p{color:#ccc;font-size:90%;font-weight:700;margin-bottom:0;margin-top:0}.disc .discInfo .discHero .discMeta{-ms-flex:1 1;flex:1 1;padding:0 1rem}@media screen and (max-width:768px){.disc .discInfo .discHero .discMeta{font-size:80%;padding:2rem 0 0;text-align:center;width:60%}}.disc .discText{padding-top:5rem}@media screen and (max-width:768px){.disc .discText{padding-top:3rem}}.disc .discText p{font-size:90%}.disc .discText a{color:#9bad8b;-webkit-transition:.3s ease-out;transition:.3s ease-out}.disc .discText a:hover{color:#5b6c4c}.disc .discText button a{display:inline-block;height:100%;margin:0;padding:1rem;width:100%}.image{width:100%}.image .imgWrap{display:block;max-width:100%;width:50%}.image .imgWrap .flex{padding-top:2rem}@media screen and (max-width:768px){.image .imgWrap{width:75%}}.image .imgWrap div>i{color:#fff;display:block;padding-top:10px}.image .imgWrap .iconz,.image .imgWrap h4{color:#fff}.image .imgWrap a{color:#fff;margin-top:5px}.image .imgWrap a:hover{color:#ebebeb}.image .imgWrap h4{margin:0}.post{background:#111;overflow:hidden}.post h1{margin-top:0;padding-top:0;text-transform:capitalize}.article{max-width:70ch}.about .article .interviews p{text-align:left}.about .article .interviews a:hover button{background:#2b2b2b}.contact{min-height:100vh}.contact .trails-text{font-size:150%}.contact .trails-text h3{color:#f8f8f8;font-weight:100;padding:0}.contact .trails-text:first-child h3{font-size:160%;font-weight:700;text-transform:uppercase}.contact .trails-text:nth-child(2) h3{font-size:80%;margin:0;padding:0}.contact .trails-text:nth-child(3) h3{font-size:80%;margin:0 0 1rem;padding:0}.contact .trails-text:nth-child(4) h3,.contact .trails-text:nth-child(5) h3{font-size:80%;margin:0;padding:0}.contact .trails-text:nth-child(6) h3{font-size:80%;margin:0;padding:0 0 5rem}.mainNavBar{font-weight:100;position:fixed;-webkit-transition:.5s;transition:.5s;width:100%;z-index:3}.mainNavBar .mainNavBarHeader{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:1rem 1rem 0;width:100%}.mainNavBar .mainNavBarHeader>p{padding:0 1.1rem}.mainNavBar .mainNavBarHeader img{height:18px;margin:.5rem .7rem 0}.mainNavBar .mainNavBarHeader h2{color:#ebebeb;cursor:pointer;font-size:20px;line-height:1;margin:0;padding:.5rem;text-align:center;-webkit-transform:scaleX(1.7);transform:scaleX(1.7);-webkit-transition:.3s ease-out;transition:.3s ease-out}.mainNavBar .mainNavBarHeader h2 img{height:4rem}.mainNavBar .mainNavBarHeader h2:hover{color:#777}.mainNavBar .mainNavBarHeader button svg{color:#aaa}.mainNavBar .mainNavBarHeader button:hover svg{color:#4d4d4d}.navigator{background:#ebebeb;height:100%;position:fixed;top:0;z-index:100}.navigator .logo{-ms-flex-pack:left;-ms-flex-align:center;align-items:center;border-bottom:1px solid #e0e0e0;display:-ms-flexbox;display:flex;height:5rem;justify-content:left;padding-left:6px}.navigator .logo h1{color:#a0a0a0;font-size:20px;font-weight:100;line-height:1;margin-left:1rem}.navigator div{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);height:100%;overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform;width:240px}.navigator div ul{margin:0;padding:12px 0 10px}.navigator div ul li{margin:0}.navigator div ul li svg{font-size:24px;margin-bottom:3px;margin-right:.5rem}.navigator div ul li h3{color:#333;font-size:1rem;font-weight:100}.navigator div ul li a{border-left:2px solid transparent;display:block;padding:15px 22px;-webkit-transition:.3s ease-out;transition:.3s ease-out}.navigator div ul li a:hover{background:#a6a6a6;color:#fff}@media screen and (max-width:768px){.navigator div ul li a{padding:10px 22px}}.navigator div .active h3{color:#3d9970}.hidden{left:-241px;-webkit-transform:translateX(-241px);transform:translateX(-241px)}.hidden,.showing{-webkit-transition:.3s ease-out;transition:.3s ease-out}.showing{left:0;-webkit-transform:translateX(0);transform:translateX(0)}.overlay{background:rgba(0,0,0,.5);z-index:99}.overlay,.overlayOut{height:100%;position:fixed;top:0;-webkit-transition:.3s ease-out;transition:.3s ease-out;width:100%}.overlayOut{z-index:-1}@media(max-width:640px){.mainNavBar div ul{-ms-flex-pack:justify;justify-content:space-between}.mainNavBar div ul li a{padding:1.5rem 0}.mainNavBar div ul li{font-size:.8rem;letter-spacing:2px;width:100%}}.showLang{max-height:200px;-webkit-transition:max-height .15s ease-in;transition:max-height .15s ease-in}.hideLang,.showLang{overflow:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.hideLang{max-height:0;-webkit-transition:max-height .15s ease-out;transition:max-height .15s ease-out}.showBackground{background:#111;-webkit-box-shadow:0 1px 10px #aaa;box-shadow:0 1px 10px #aaa}.hideBackground{background:hsla(0,0%,7%,0)}footer{background:#111;position:relative}footer h3,footer p{color:#ebebeb}footer a:hover,footer h3,footer p{-webkit-transition:.3s ease-out;transition:.3s ease-out}footer a:hover h3,footer a:hover p{color:#6c6c6c}footer ul{-webkit-margin-after:0;-ms-flex-pack:center;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;justify-content:center;margin-block-end:0;margin:0;padding:0;width:100%}footer ul .active h3{color:#3d9970}@media screen and (max-width:768px){footer ul{-ms-flex-align:start;align-items:flex-start;-ms-flex-direction:column;flex-direction:column;text-align:left}footer ul h3{margin:0;padding:0}}footer ul li{margin:0 10px;padding:10px 0}footer>div{-ms-flex-align:center;align-items:center;text-align:center;width:100%}footer>div p{max-width:70ch}@media screen and (max-width:768px){footer>div{-ms-flex-align:start;align-items:flex-start;text-align:left}}footer:before{border-left:2rem solid transparent;border-right:2rem solid transparent;border-top:1rem solid #111;content:"";display:block;height:0;left:0;margin:0 auto;position:absolute;right:0;top:0;width:0}.hero{background:#ebebeb;padding:0;position:relative;width:100%}.hero img,.hero:after{margin:0 auto}.hero:after{border-left:2rem solid transparent;border-right:2rem solid transparent;border-top:1rem solid transparent;bottom:-1rem;content:"";display:block;height:0;left:0;position:absolute;right:0;width:0;z-index:1}.noTriangleHero{position:relative}.noTriangleHero:before{border-left:2rem solid transparent;border-right:2rem solid transparent;border-top:1rem solid transparent;content:"";display:block;height:0;left:0;margin:0 auto;position:absolute;right:0;top:0;width:0;z-index:2}.noTriangleFooter{position:relative}.noTriangleFooter:after{border-left:2rem solid transparent;border-right:2rem solid transparent;border-top:1rem solid transparent;bottom:-1rem;content:"";display:block;height:0;left:0;margin:0 auto;position:absolute;right:0;width:0;z-index:2}.masonryView,.masonryView .container{width:100%}.masonryView .container .list{grid-gap:5px;display:grid;grid-auto-flow:dense;grid-auto-rows:300px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));width:100%}@media screen and (max-width:768px){.masonryView .container .list{grid-auto-rows:150px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.masonryView .container .list .gatsby-image-wrapper{border-radius:5px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.masonryView .container .list .gatsby-image-wrapper img{-webkit-transition:.3s ease-out;transition:.3s ease-out}.masonryView .container .list .gatsby-image-wrapper:hover img{cursor:pointer;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transform:scale(1.03);transform:scale(1.03)}@media screen and (max-width:768px){.masonryView .container .list .gatsby-image-wrapper:hover img{-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:scale(1);transform:scale(1)}}.card{border:1px solid #ddd;margin:.5rem}.card h2,.card h4{margin:0;padding:0}.card h4{color:#aaa;font-size:90%}@media screen and (max-width:768px){.card h2{font-size:100%}.card h4{font-size:70%}}.card .cardMeta{padding:3rem}.card:hover{-webkit-box-shadow:0 2px 10px #111;box-shadow:0 2px 10px #111;-webkit-transition:.3s ease-out;transition:.3s ease-out}.quotes{width:100%}.quotes>div{min-height:12rem;position:relative;width:100%}@media screen and (max-width:768px){.quotes>div{max-height:auto;min-height:20rem}}.quotes .quote{background:#111;width:100%}.quotes .quote:nth-child(odd){background:#ebebeb}.quotes .quote:nth-child(odd) i,.quotes .quote:nth-child(odd) p{color:#333}.quotes .quote i{color:#ccc;font-size:90%;max-width:70ch;text-align:center;-webkit-transition:.3s ease-out;transition:.3s ease-out}.quotes .quote p{color:#ccc;font-weight:700;margin-bottom:0;margin-top:2rem;text-align:center}.quotes .quote hr{border-top:1px solid #9bad8b;margin-top:1rem;width:7rem}.quotes .quote a:hover i{color:#000}.quotes .transitionedQuote{color:#fff;max-width:70ch;position:absolute;text-align:center;will-change:opacity}.quotes .transitionedQuote i{font-size:90%}.quotes .transitionedQuote p{font-weight:700;margin-bottom:0;margin-top:2rem}.quotes .transitionedQuote hr{border-top:1px solid #9bad8b;margin-top:1rem;width:7rem}.homeQuotes{background:#ebebeb}.homeQuotes .transitionedQuote i,.homeQuotes .transitionedQuote p{color:#333}.header{background:#ebebeb;font-weight:700;margin:0;padding-bottom:5rem;padding-top:5rem;position:relative;text-align:center;width:100%;z-index:1}.header h1{font-size:3rem}.header hr{width:10%}.header:after{border-left:2rem solid transparent;border-right:2rem solid transparent;border-top:1rem solid #ebebeb;bottom:-1rem;content:"";display:block;height:0;left:0;margin:0 auto;position:absolute;right:0;width:0}.musicContainer{background:#ebebeb;height:100%;position:relative;width:100%}.musicContainer .musicPlayerControls,.musicContainer .tracksContainer{width:70%}@media screen and (max-width:768px){.musicContainer,.musicContainer .musicPlayerControls,.musicContainer .tracksContainer{width:100%}}.musicContainer:after{border-left:2rem solid transparent;border-right:2rem solid transparent;border-top:1rem solid #ebebeb;bottom:-1rem;content:"";display:block;height:0;left:0;margin:0 auto;position:absolute;right:0;width:0}.musicContainer .tracksContainer .tracks{-ms-flex-align:center;align-items:center;background:#111;border:1px solid #333;border-radius:3px;margin-bottom:.7rem;padding:10px 20px;-webkit-transition:.3s ease-out;transition:.3s ease-out;width:100%}.musicContainer .tracksContainer .tracks:hover{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);cursor:pointer}.musicContainer .tracksContainer .tracks h2{font-size:80%;font-weight:100;margin:0 0 0 10px;padding:0}.musicContainer .musicPlayerControls{background:#111;max-height:8rem;min-height:8rem;padding:0 1rem;text-align:center}.musicContainer .musicPlayerControls h3{font-size:90%;font-weight:100;margin:0 0 10px}.musicContainerHideAndShow{background:#fff;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);height:100%;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-delay:.1s;transition-delay:.1s;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform;width:50%;z-index:100}@media screen and (max-width:768px){.musicContainerHideAndShow{width:100%}}.musicContainerHideAndShow>button{border-radius:4px;line-height:0;padding:.5rem;position:fixed;right:1rem;top:1rem}.musicContainerHideAndShow>button svg{color:#aaa;height:auto;margin:0;padding:0;width:auto}.musicContainerHideAndShow>button:hover{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.musicContainerHideAndShow>button:hover svg{color:#2b2b2b}.musicContainerHideAndShow .tracksContainer{width:100%}.musicContainerHideAndShow .tracksContainer .tracks{-ms-flex-align:center;align-items:center;border:1px solid #333;border-radius:3px;margin-bottom:.7rem;padding:10px 20px;-webkit-transition:.3s ease-out;transition:.3s ease-out;width:100%}.musicContainerHideAndShow .tracksContainer .tracks:hover{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.4);cursor:pointer}.musicContainerHideAndShow .tracksContainer .tracks h2{font-size:80%;font-weight:100;margin:0 0 0 10px;padding:0}.musicContainerHideAndShow .musicPlayerControls{background:#ebebeb;max-height:8rem;min-height:8rem;text-align:center;width:100%}.musicContainerHideAndShow .musicPlayerControls h3{font-size:90%;font-weight:700;margin:0 0 10px}.hideMusicPlayer{right:-50%;-webkit-transform:translateZ(-50%);transform:translateZ(-50%);-webkit-transition:.2s ease-out;transition:.2s ease-out}@media screen and (max-width:768px){.hideMusicPlayer{right:-100%;-webkit-transform:translateZ(-100%);transform:translateZ(-100%)}}.showMusicPlayer{right:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:.3s ease-out;transition:.3s ease-out}.videoCard{-ms-flex-pack:start;display:block;justify-content:flex-start;margin:0 auto;text-align:left;width:100%}.videoCard .videoWrapper{height:0;overflow:hidden;padding-bottom:56.25%;padding-top:25px;position:relative}.videoCard .videoWrapper embed,.videoCard .videoWrapper iframe,.videoCard .videoWrapper object{height:100%;left:0;position:absolute;top:0;width:100%}.spotifyWrapper{display:block;height:0;overflow:hidden;padding-bottom:100%;padding-top:25px;position:relative;width:100%}