body,html{width:100%;height:100%}body,h1,h2,h3,h4,h5,h6{font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}dl ol ul{margin-top:0;margin-bottom:1rem}a{text-decoration:none}.section-heading-spacer{float:left;width:200px;border-top:3px solid #e7e7e7;border-top-width:3px;border-top-style:solid;border-top-color:#e7e7e7}.section-heading{margin-bottom:30px}.clearfix:after{display:block;clear:both;content:""}#education{padding-top:50px}.img-utsa{width:100%;max-width:200px;padding-bottom:50px}#education-text,#work-text,#projects-text{padding-bottom:50px}#experience,#collections{padding-top:50px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background-color:#f8f8f8}#audiophile{padding-top:50px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background-color:#fff}#lr,#coursera{font-size:25px;margin:0}.img-lr,.img-angular,.img-coursera{width:100%;max-width:200px}#projects{padding-top:50px}.img-personal-website{width:100%;max-width:200px;padding-bottom:50px;padding-top:0}.img-chu{width:100%;max-width:200px;padding-bottom:50px;padding-top:35px}#david-chu #personal-website{font-size:25px}#connect{padding-bottom:10px}.banner{padding:100px 0;color:#f8f8f8;background:url(./golden-gate-CAzNF_8F.jpeg) no-repeat;background-size:cover}#connect-row{padding-bottom:100px}.footer-social{text-align:center}.banner ul{margin-bottom:0}.banner-social-buttons{float:right;margin-top:0}.list-inline-items{padding-top:2px;padding-bottom:2px;margin-right:5px}.btn{background-color:#fff9;color:#000;border:0}.btn:hover{background-color:#fff;color:#000}.network-name{text-transform:uppercase;font-size:14px;font-weight:400px;letter-spacing:2px}.footer-social li{display:inline}.intro-header{padding-bottom:50px;text-align:center;color:#f8f8f8;background:url(./golden-gate-CAzNF_8F.jpeg) no-repeat center center;background-size:cover;min-height:100%}.intro-message{position:relative;padding-top:20%;padding-bottom:20%}.bio-pic{padding-bottom:12px}.img-top{width:100%;max-width:200px;border-radius:50%;border:5px solid #e7e7e7}.intro-message>h1{margin:0;text-shadow:2px 2px 3px rgb(0 0 0 / 30%);font-size:5em}.intro-divider{width:400px;border-top:1px solid #f8f8f8;border-bottom:1px solid rgba(0,0,0,.2)}.list-inline{padding-left:0;list-style:none}@media (max-width:767px){.intro-message{padding-bottom:15%}.intro-message>h1{font-size:3em}ul.intro-social-buttons>li{display:block;margin-bottom:20px;padding:0}ul.intro-social-buttons>li:last-child{margin-bottom:0}.intro-divider{width:100%}}@media (max-width:767px){.banner h2{margin:0;text-shadow:2px 2px 3px rgba(0,0,0,.6);font-size:3em}ul.banner-social-buttons>li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons>li:last-child{margin-bottom:0}}@media (max-width:1199px){ul.banner-social-buttons{float:left;margin-top:15px}.img-right{display:none}}.nav7Img{width:315px;height:600px;position:absolute;left:0;z-index:15}#navFrame{position:absolute;width:313px;height:198px;z-index:17}#boxContainer7{position:relative;width:100%;height:100%;margin:0;border:0;padding:0}#boxNav7{top:27px;left:10px;width:315px;height:600px;background-image:url(./john-peel-asset-DNDNIOwU.png);z-index:11}.spotifty tr:nth-child(2n){background-color:#eee}.spotify td:first-child{font-weight:700}.spotify td{white-space:nowrap;padding:10px;margin-right:1rem}.spotify button{margin:1rem 1rem 0 0;border:0;border-radius:20px;padding:10px 3rem;font-size:.8rem;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;font-weight:700;background-color:#1ed760;color:#000}.spotify button:hover{background-color:#1fdf64}.spotify #logged-in{display:none}#navbox8{width:100%;height:100%;position:relative}canvas{display:block;width:100%!important;height:100%!important}@media (max-width: 768px){#navbox8{height:400px}}@media (max-width: 480px){#navbox8{height:300px;width:400px}}#gridOverlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}#interactionLayer{position:absolute;top:0;left:0;width:100%;height:100%}#threeJS-bootstrap-combination{display:flex;flex-direction:column}#navbox8{flex-grow:1;position:relative}#navbox8 canvas{width:100%;height:100%;display:block}#myLightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;display:none;z-index:1000}#symbol-container{width:100%;height:100%;background-color:#000000b3;border-radius:8px;box-shadow:0 4px 8px #0003;position:relative}@media (max-width: 768px){.lightbox-content{width:95vw;height:80vh}}.hud-button{cursor:pointer;border-radius:5px;transition:transform .2s ease}.hud-button:hover{transform:scale(1.1);box-shadow:0 0 5px #fff}.hud-button:active{transform:scale(.9)}#symbol-1 path{fill:#fff}.spotify-open-btn{display:inline-flex;align-items:center;gap:8px;background:#1ed760;color:#191414;border:none;border-radius:999px;padding:8px 24px;font-size:1rem;font-weight:700;font-family:Arial,Helvetica,sans-serif;text-transform:none;box-shadow:0 2px 8px #1ed7601a;transition:background .2s,box-shadow .2s;margin-top:16px;margin-bottom:8px;cursor:pointer}.spotify-open-btn svg{margin-right:8px}.spotify-open-btn:hover,.spotify-open-btn:focus{background:#1fdf64;color:#191414;text-decoration:none;box-shadow:0 4px 16px #1ed7602e}.spotify-logo{width:22px;height:22px;display:inline-block;vertical-align:middle;margin-right:8px}.lightbox-content{background:transparent!important}