html{font-size:16px}body{font-family:Roboto,sans-serif;color:#fff;margin:0;padding:0;background:#020;letter-spacing:1px;font-size:1.1em;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:320px;opacity:0}#video-bg-container>video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:-1;pointer-events:none;padding-left:0;opacity:.5}header{position:fixed;top:0;width:100%;background:#020;text-align:center;z-index:1000}footer p{text-align:center}h1,h2{font-family:Rowdies,Roboto,sans-serif;font-weight:400;color:#fff}h1{margin:10px 0;letter-spacing:6px}h1 a{text-decoration:none!important}h2{margin-top:0}p.yellow,p.yellow a{color:#ffa!important;font-size:1.2rem}a,a:active,a:hover,a:link,a:visited{color:#fff}nav{border-bottom:1px solid #080}nav ul{list-style-type:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:nowrap;background:#010}nav ul li{display:inline;border-right:1px solid #222;border-width:2px}nav ul li:first-child{border-left:1px solid #222}nav ul li a{font-size:.7rem;display:inline-block;padding:10px 5px;color:#fff;text-decoration:none;transition:background-color .3s}nav ul li a:hover{background-color:#555}main{padding-top:100px;width:100%;display:flex;flex-direction:column;align-items:center}main p{padding-top:0}main p.yellow,main p.yellow a{font-size:.8rem}main #contact-form,main section{width:100%;padding:20px 5vw;border-radius:0;background:#040}main #contact-form .final-section-container,main section .final-section-container{max-width:800px;margin:auto;min-height:100vh}main #contact-form .final-section-container #contact-form,main section .final-section-container #contact-form{width:auto}main>section{border-bottom:2px solid #080}main #blog-contact,main #contact,main #top,main section{scroll-margin-top:100px}main>section#blog,main>section#fullstack{margin-top:0}main>section#blog>p,main>section#fullstack>p{padding-top:0}#audio-player-container,img,video{max-width:100%;height:auto;display:block;margin:0 auto;padding:20px;float:none;box-sizing:border-box}#audio-player-container.left,#audio-player-container.right,img.left,img.right,video.left,video.right{float:none;margin-left:auto;margin-right:auto}video{padding:0}.video-item{margin-bottom:40px}.video-caption{text-align:center;font-size:.8rem;margin:5px 0;font-style:italic}#audio-player-container{margin-left:auto}#track-label{font-size:.7em}#new-releases .new-releases-heading{width:100%;font-size:1.2em;color:#ffa;margin-top:30px;font-weight:700}ul#playlist{margin-top:0;list-style-type:none;padding:5px 0 10px 20px}ul#playlist li{margin-top:10px}#contact-form{padding:40px 20px}#contact-form h2{text-align:center;margin-bottom:20px}#contact-form form{max-width:600px;margin:auto}#contact-form label{display:block;margin-top:10px;margin-bottom:5px}#contact-form input[type=email],#contact-form input[type=text],#contact-form textarea{width:calc(100% - 22px);padding:10px;border:1px solid #020;border-radius:5px;background-color:#060;color:#fff;margin-bottom:20px}#contact-form input[type=submit]{width:100%;padding:15px;border:1px solid #020;border-radius:5px;background-color:#0a0;color:#fff;cursor:pointer;transition:background-color .3s;font-size:1rem;letter-spacing:.1rem}#contact-form input[type=submit]:hover{background-color:#070}.clearfix{clear:both}.final-section-container{width:100%;max-width:800px;margin:auto;min-height:100vh}.final-section-container #contact-form{width:auto}section{display:block;box-sizing:border-box}section.hidden{display:none}#blog{font-weight:400}#blog section{padding:20px 0}#blog #blog-intro{margin-bottom:30px}#blog #blog-sidebar{max-width:200px;margin:10px 0 25px;margin-left:25px;float:right;background:#080;color:#fff;font-size:1em}#blog #blog-sidebar .blog-post-title{font-size:1.6em;font-weight:700;margin-bottom:10px}#blog #blog-sidebar ul{padding-left:20px}#blog #blog-sidebar ul li{margin:5px 20px 0}#blog .blog-post-nav-container{width:100%;height:50px;margin-top:30px}#blog .blog-post-nav-container a{font-size:1em;margin:20px 0;display:block;max-width:40%}#blog .blog-post-nav-container a.feedback-link{float:left;color:#0a0!important}#blog .blog-post-nav-container a.back-to-top-link{float:right;text-align:right;color:#0a0!important}#blog hr{border-bottom:1px solid #080;clear:both}.blog-page .blog-main{padding-top:100px;min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.blog-page .blog-hero{text-align:center;padding:30px 20px;background:linear-gradient(135deg,#030 0,#010 100%);width:100%;border-bottom:2px solid #080}.blog-page .blog-hero h2{font-family:Rowdies,Roboto,sans-serif;font-size:2.8em;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.blog-page .blog-listing{width:100%;background:#030;padding:60px 20px}.blog-page .blog-container{max-width:800px;margin:0 auto;width:100%}.blog-page .blog-post-preview{background:#020;border:1px solid #080;border-radius:12px;padding:40px;margin-bottom:40px;transition:all .3s ease}.blog-page .blog-post-preview:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,136,0,.3);border-color:#0a0}.blog-page .blog-post-preview .blog-post-meta{display:flex;gap:15px;margin-bottom:20px}.blog-page .blog-post-preview .blog-post-meta .blog-date{color:#0a0;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.blog-page .blog-post-preview .blog-post-meta .blog-category{background:#080;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8em;text-transform:uppercase;letter-spacing:1px}.blog-page .blog-post-preview h3{font-family:Rowdies,Roboto,sans-serif;font-size:1.8em;margin:0 0 20px 0}.blog-page .blog-post-preview h3 a{color:#fff;text-decoration:none;transition:color .3s ease}.blog-page .blog-post-preview h3 a:hover{color:#0a0}.blog-page .blog-post-preview .blog-excerpt{color:#ccc;line-height:1.6;margin-bottom:25px;font-size:1.1em}.blog-page .blog-post-preview .read-more-btn{display:inline-block;background:#0a0;color:#000;padding:12px 25px;text-decoration:none;border-radius:25px;font-weight:700;transition:all .3s ease}.blog-page .blog-post-preview .read-more-btn:hover{background:#ffa;transform:translateX(5px)}.blog-page .blog-post-full{width:100%;background:#030}.blog-page .blog-post-full.hidden{display:none}.blog-page .blog-post-full .blog-post-header{background:linear-gradient(135deg,#020 0,#010 100%);padding:80px 20px 60px;border-bottom:2px solid #080}.blog-page .blog-post-full .blog-post-header .blog-post-meta{display:flex;gap:15px;justify-content:center;margin-bottom:30px}.blog-page .blog-post-full .blog-post-header .blog-post-meta .blog-date{color:#0a0;font-size:.9em;text-transform:uppercase;letter-spacing:1px}.blog-page .blog-post-full .blog-post-header .blog-post-meta .blog-category{background:#080;color:#fff;padding:4px 12px;border-radius:20px;font-size:.8em;text-transform:uppercase;letter-spacing:1px}.blog-page .blog-post-full .blog-post-header h1{font-family:Rowdies,Roboto,sans-serif;font-size:2.8em;color:#fff;text-align:center;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.blog-page .blog-post-full .blog-post-content{padding:60px 20px;max-width:800px;margin:0 auto}.blog-page .blog-post-full .blog-post-content .blog-lead{font-size:1.3em;color:#0a0;font-style:italic;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #080}.blog-page .blog-post-full .blog-post-content h2{font-family:Rowdies,Roboto,sans-serif;font-size:1.8em;color:#0a0;margin:50px 0 25px 0;padding-bottom:10px;border-bottom:2px solid #080}.blog-page .blog-post-full .blog-post-content p{font-size:1.1em;line-height:1.7;margin-bottom:25px;color:#ddd}.blog-page .blog-post-full .blog-post-content ul{margin:30px 0;padding-left:40px}.blog-page .blog-post-full .blog-post-content ul li{margin-bottom:15px;line-height:1.6;color:#ddd}.blog-page .blog-post-full .blog-post-content ul li::marker{color:#0a0}.blog-page .blog-post-full .blog-post-content .blog-cta{background:#080;padding:25px;border-radius:10px;text-align:center;margin:40px 0}.blog-page .blog-post-full .blog-post-content .blog-cta strong{color:#ffa;font-size:1.2em}.blog-page .blog-post-full .blog-post-content .blog-postscript{margin-top:50px;padding-top:25px;border-top:1px solid #080}.blog-page .blog-post-full .blog-post-content .blog-postscript em{color:#0a0;font-style:italic}.blog-page .blog-post-full .blog-post-content a{color:#0a0;text-decoration:underline;transition:color .3s ease}.blog-page .blog-post-full .blog-post-content a:hover{color:#ffa}.blog-page .blog-post-full .blog-post-nav{background:#020;padding:30px 20px;border-top:2px solid #080;display:flex;justify-content:space-between;align-items:center}.blog-page .blog-post-full .blog-post-nav .back-to-blog{color:#0a0;text-decoration:none;font-weight:700;padding:10px 20px;border:2px solid #0a0;border-radius:25px;transition:all .3s ease}.blog-page .blog-post-full .blog-post-nav .back-to-blog:hover{background:#0a0;color:#000}.blog-page .blog-post-full .blog-post-nav .blog-share{display:flex;align-items:center;gap:15px}.blog-page .blog-post-full .blog-post-nav .blog-share span{color:#fff;font-weight:700}.blog-page .blog-post-full .blog-post-nav .blog-share .share-link{color:#0a0;text-decoration:none;padding:8px 16px;border:1px solid #0a0;border-radius:20px;transition:all .3s ease}.blog-page .blog-post-full .blog-post-nav .blog-share .share-link:hover{background:#0a0;color:#000}.blog-page nav ul li a.active{background-color:#080;color:#fff}@media (max-width:768px){.blog-page .blog-hero{padding:20px 15px}.blog-page .blog-hero h2{font-size:2.2em}.blog-page .blog-post-preview{padding:25px;margin-bottom:25px}.blog-page .blog-post-full .blog-post-header{padding:50px 15px 40px}.blog-page .blog-post-full .blog-post-header h1{font-size:2.2em}.blog-page .blog-post-full .blog-post-content{padding:40px 15px}.blog-page .blog-post-full .blog-post-nav{flex-direction:column;gap:20px;text-align:center}.blog-page .blog-post-full .blog-post-nav .blog-share{justify-content:center}}.toggle{font-size:.8rem}.toggle>div,.toggle>p{display:none}.toggle>div p,.toggle>p p{padding:0}.toggle>div{margin-left:20px}.toggle>div.show,.toggle>p.show{display:block}@media (min-width:400px){nav ul li{border-width:2px}nav ul li a{font-size:1rem}section img{width:320px}}@media (min-width:640px){nav ul li a{padding:10px 20px}#audio-player-container,#videos div,img{padding:20px;width:320px}#audio-player-container.right,#videos div.right,img.right{float:right;padding-right:0}#audio-player-container.left,#videos div.left,img.left{float:left;padding-left:0}#videos div{padding:0}#videos div.toggle,#videos div.video-caption{margin-left:0}video{padding:0 0 0 20px}#audio-player-container{margin-left:40px}main>section#fullstack{margin-top:20px}main>section#fullstack>p{padding-top:0}main p{padding-top:20px;max-width:90vw}main p.yellow,main p.yellow a{font-size:1rem}main #contact-form,main section{width:90%;max-width:800px;padding:30px 40px;border-radius:10px;border-bottom:none}main #contact-form.blog,main section.blog{width:100%}main #blog-contact,main #contact,main #top,main section{scroll-margin-top:120px}main #contact-form,main>section{margin-top:40px}}