body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Tiempos,monospace}form{align-items:center;display:flex;flex-direction:column}h1{font-size:32px}h1,p{color:#fff}.App,h1,p{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#94e8f3;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--color-background:#000;--color-text:#fff}.dark-mode{--color-background:#1c1c1c;--color-text:#f1f1f1}body{background:linear-gradient(135deg,rgba(8,8,8,.96),rgba(20,23,20,.92)),radial-gradient(circle at 18% 8%,rgba(223,177,58,.28),transparent 30%),radial-gradient(circle at 86% 16%,rgba(48,122,120,.22),transparent 28%),#050505;font-family:SofiaPro,Avenir,Trebuchet MS,sans-serif;letter-spacing:0;margin:0;padding:0}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}.mandatory-items{padding:3rem}h4{text-align:center}.p,h4,ul{color:#fff}.logo-bg{background-image:url(/static/media/DJFRACKINGLOGO.3233c012866a284eb959.png);background-size:cover;display:flex;height:10rem;position:relative;width:12rem}.logo-container{align-items:center;cursor:pointer;display:flex;justify-content:center}h2{color:#fff;display:block;font-size:clamp(1.7rem,4vw,3rem);letter-spacing:0;margin-bottom:.5rem;max-width:100%;overflow-wrap:break-word;padding-bottom:.5rem;position:relative;text-align:center;width:100%}.underline{background:#fff;height:1px;margin:.5rem auto 1.5rem;max-width:90rem;width:90%}section{align-items:center;background-color:rgba(0,0,0,.72);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.32);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;padding:3rem;position:relative;width:min(1120px,calc(100% - 2rem))}.main-content{padding:0 0 1rem}.spotify-playlist{box-shadow:0 4px 6px rgba(0,0,0,.2);margin:5rem auto;max-width:600px;width:90%}.bookImage{align-content:center;height:30rem}.bookCover,.bookImage{display:flex}.services-section{background-color:rgba(0,0,0,.8);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.32);margin:2rem auto;padding:2rem 3rem}.services-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;list-style-type:none;margin:1rem 0;padding:0}.service-item{align-items:center;background-color:hsla(0,0%,100%,.1);border-radius:4px;display:flex;justify-content:center;padding:1rem;text-align:center;transition:background-color .3s ease}.service-item span{color:#fff}.service-item:hover{background-color:hsla(0,0%,100%,.2)}.form-group{margin-bottom:1rem}label{display:block;margin-bottom:.5rem}input[type=email],textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.5rem;width:100%}button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .3s ease}button:hover{background-color:#555}label{color:#fff}.section-kicker{color:#dfb13a;font-size:.78rem;font-weight:700;letter-spacing:.16em;margin-bottom:.35rem;text-transform:uppercase}.book-launch-section{background:linear-gradient(140deg,rgba(5,5,5,.92),rgba(25,28,26,.88)),linear-gradient(90deg,rgba(223,177,58,.16),transparent 54%)}.book-launch-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);width:100%}.book-cover-card{align-items:flex-start;aspect-ratio:3/4;background:linear-gradient(160deg,rgba(223,177,58,.95),rgba(120,35,35,.92)),#1b1b1b;border:1px solid hsla(0,0%,100%,.18);border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.35);box-sizing:border-box;color:#080808;display:flex;flex-direction:column;justify-content:space-between;max-width:320px;padding:1.4rem;text-align:left;width:100%}.book-cover-card span{font-size:1rem;font-weight:800;text-transform:uppercase}.book-cover-card strong{color:#fff;font-size:clamp(2.2rem,7vw,4rem);line-height:.92;text-shadow:0 4px 18px rgba(0,0,0,.35)}.book-cover-card small{color:hsla(0,0%,100%,.92);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.book-launch-copy{align-self:center}.about-content p,.book-launch-copy p,.mailing-list-section p,.project-card p{color:hsla(0,0%,100%,.88);font-size:1.03rem;line-height:1.7;max-width:760px;text-align:left}.project-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.project-card{background:hsla(0,0%,100%,.075);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;min-height:260px;padding:1.35rem}.project-card span{color:#6ad5c6;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.about-content h3,.project-card h3{color:#fff;font-size:1.55rem;margin:.6rem 0}.project-card p{flex:1 1;margin-top:0}.project-links{display:flex;flex-wrap:wrap;gap:.75rem}.deck-controls a,.deck-controls button,.project-links a{background:#dfb13a;border:1px solid hsla(0,0%,100%,.14);border-radius:4px;color:#080808;font-weight:800;padding:.72rem 1rem;text-decoration:none}.project-links a:last-child{background:transparent;color:#fff}.about-section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.left-div{box-sizing:border-box;width:50%}.about-image img{border:none;display:flex;height:auto;margin:0;padding:0;width:100%}.right-div{box-sizing:border-box;margin-left:5rem;margin-right:5rem;padding-left:20px;width:50%}@media (max-width:769px){body{font-size:18px}.logo-bg{height:10rem;width:12rem}h2:after{width:60rem}h2{font-size:clamp(1.45rem,7vw,2rem);max-width:18rem}section{overflow:hidden;padding:1.25rem 1rem;width:calc(100% - 1rem)}.spotify-playlist{height:auto;margin:2rem auto;width:100%}.bookImage{height:20rem}.book-launch-grid,.project-grid,.services-list{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:18rem}.book-cover-card{max-width:18rem}.book-cover-card strong{font-size:clamp(2.4rem,14vw,3.6rem);overflow-wrap:anywhere}.about-section{display:block;width:90%}.right-div{margin-left:.5rem;margin-right:.5rem;padding-left:0;width:95%}.left-div{width:100%}.frackagedon-container{padding-left:5%;padding-right:5%;width:auto}}.bonfire-image{align-items:center;display:flex;width:15rem}.bonfire-container{align-items:center;display:flex;justify-content:center;margin-top:3rem;width:100%}.frackagedon-container{width:800px}.frackegedon-background{align-items:center;display:flex;justify-content:center}.turntable-container{border-radius:5px;cursor:pointer;height:250px;justify-self:center;overflow:hidden;padding:10px;position:relative;width:250px}.turntable{background-color:#7f8c8d;border-radius:50%;height:200px;margin:25px auto;position:relative;width:200px}.record{background-color:#333;height:180px;left:10px;top:10px;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;width:180px}.label,.record{border-radius:50%;position:absolute}.label{background-color:#f39c12;height:50px;left:65px;top:65px;width:50px}.needle-arm{background-color:#c0392b;height:5px;left:5px;top:5px;-webkit-transform:rotate(-25deg);transform:rotate(-25deg);-webkit-transform-origin:0 0;transform-origin:0 0;width:100px}.needle-arm,.rim{position:absolute}.rim{background:radial-gradient(circle at center,#bdc3c7 60%,#7f8c8d 75%,#2c3e50 90%,#1a2530 100%);border:5px solid #bdc3c7;border-radius:50%;box-sizing:border-box;height:200px;width:200px}.record:before{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg);-webkit-transform-origin:center;transform-origin:center}.record:after,.record:before{background-color:#f39c12;content:"";height:2px;left:50%;position:absolute;top:50%;width:160px}.record:after{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg);-webkit-transform-origin:center;transform-origin:center}@media (max-width:520px){.turntable-container{height:220px;width:220px}.rim,.turntable{height:180px;width:180px}.record{height:160px;width:160px}.label{left:55px;top:55px}.record:after,.record:before{width:140px}}.djpanel-container{align-items:center;background:linear-gradient(145deg,rgba(8,8,8,.76),rgba(12,18,18,.9)),url(/static/media/dark-brushed.c2c0d44e1237bb8b8d49.jpg);background-repeat:no-repeat;background-size:cover;border:1px solid hsla(0,0%,100%,.14);border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.38);box-sizing:border-box;display:flex;flex-direction:column;margin:1rem auto 2rem;max-width:1180px;overflow:hidden;padding:clamp(1rem,3vw,2rem);width:min(1180px,calc(100% - 2rem))}.djpanel-header{max-width:860px;text-align:center;width:100%}.djpanel-header span{color:#6ad5c6;font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.djpanel-header h1{text-wrap:balance;color:#fff;font-size:clamp(2.35rem,7vw,5.7rem);line-height:.95;margin:.7rem 0;overflow-wrap:anywhere}.djpanel-header p{color:hsla(0,0%,100%,.82);font-size:clamp(1rem,2vw,1.25rem);line-height:1.55;margin:0 auto 1.25rem;max-width:680px}.deck-controls{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-bottom:1.4rem}.deck-controls button{cursor:pointer}.deck-controls a:hover,.deck-controls button:hover{background:#f3c85f}.turntables{grid-gap:1rem;align-items:center;display:grid;grid-template-columns:minmax(180px,240px) minmax(260px,1fr) minmax(180px,240px);justify-content:center;margin-bottom:0}.mixer-core,.turntables{gap:1rem;min-width:0;width:100%}.mixer-core{background:rgba(0,0,0,.46);border:1px solid hsla(0,0%,100%,.13);border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;min-height:260px;padding:1rem}.waveform{background:linear-gradient(180deg,rgba(106,213,198,.12),rgba(0,0,0,.2));border:1px solid rgba(106,213,198,.3);border-radius:6px;box-sizing:border-box;height:96px;width:100%}.channel-strip{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.channel{background:hsla(0,0%,100%,.075);border-radius:6px;box-sizing:border-box;display:flex;flex-direction:column;gap:.8rem;min-height:120px;min-width:0;padding:.75rem}.channel span,.labels{color:#fff;font-size:.82rem;font-weight:800;line-height:1.25;text-align:center}.slider{accent-color:#dfb13a;margin:auto 0;min-width:0;width:100%}@media (max-width:860px){.djpanel-container{padding:1rem;width:calc(100% - 1rem)}.djpanel-header h1{font-size:clamp(2.1rem,10vw,3.6rem)}.deck-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.deck-controls a,.deck-controls button{text-align:center}.turntables{grid-template-columns:1fr}.channel-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.djpanel-container{align-items:stretch;padding:.9rem}.djpanel-header h1{text-wrap:normal;font-size:clamp(1.65rem,7.6vw,1.95rem);line-height:1.08;margin-left:auto;margin-right:auto;max-width:18rem}.djpanel-header p{max-width:17rem}.deck-controls{grid-template-columns:1fr}.deck-controls,.turntables{margin-left:auto;margin-right:auto;max-width:18rem}.mixer-core{padding:.75rem}.channel-strip{grid-template-columns:1fr}}@font-face{font-display:swap;font-family:SofiaPro;font-style:normal;font-weight:400;src:url(/static/media/sofiapro.7978d11b00722a17ccfa.otf) format("opentype")}@font-face{font-display:swap;font-family:Avenir;font-style:normal;font-weight:400;src:url(/static/media/Avenir.0bfb049d9455e81fd1da.otf) format("opentype")}@font-face{font-display:swap;font-family:Tiempos;font-style:normal;font-weight:400;src:url(/static/media/Tiempos.6b8be80b9f45412b89af.otf) format("opentype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap)}
/*# sourceMappingURL=main.73e6eda6.css.map*/