body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Roboto,sans-serif;margin:0}.navbar{background-color:#333333d4;display:flex;position:sticky;top:0;z-index:1000}.navbar-logo{background-image:url(/static/media/KMSS%20Logo%20Design.12%20[Transparent%20with%20text].51e84d4bdb7d57d34346.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:50px;width:5rem}.navbar-links{align-items:center;display:flex;gap:10px;list-style:none;overflow:hidden;padding:0}.navbar-links a{color:#fff;font-size:1rem;text-decoration:none}.navbar-links a:hover{color:#ddd}.home-body{background-color:#333;color:#d8d8d8;justify-content:center}.home-body h2{font-size:2rem;text-align:center}.hero{background-image:url(/static/media/tom-pottiger-l5XnUP7-M4w-unsplash.bdb8ec5f283f9c5a3548.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:60vh;position:absolute;top:0;width:100vw;z-index:1}.hero-content{align-content:center;background-color:rgba(0,0,0,.736);color:rgba(251,224,68,.914);height:inherit;position:relative;text-align:center;z-index:1}.hero-content h1{font-size:calc(4rem + 2vw);line-height:.75;margin:0;padding:10px}.hero-content p{font-size:1.2rem;line-height:1.8;padding:10px}.hero-content button{background-color:#76653f;border:none;border-radius:20px;color:rgba(251,224,68,.914);cursor:pointer;font-size:1.2rem;margin-bottom:2rem;padding:10px 20px}.hero-content button:hover{background-color:#7e733f}body{background-color:#f5f5f5;font-family:Roboto,sans-serif;margin:0;padding:0}.cards-offset-background{background:linear-gradient(180deg,#000 0,#5e3e10 40%,rgba(90,94,13,.381) 70%,#0f5b0c00),linear-gradient(270deg,rgba(255,0,0,.193) 20%,rgba(137,43,226,.103));clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 5vw));height:fit-content;margin-bottom:-30px;margin-top:40vh;padding-bottom:4rem;position:relative;z-index:2}.services-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:40vh;padding:20px;position:relative;z-index:3}.services-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:300px;padding:20px;text-align:center;text-decoration:none;transition:transform .3s,box-shadow .3s}.services-card:hover{box-shadow:0 8px 16px #0003;transform:scale(1.05)}.services-card h2{color:#1968a1;font-size:1.8rem;margin-bottom:10px}.services-card p{color:#333;font-size:1rem;line-height:1.6}.home-text-container{background-color:#455656;background-color:#252728;clip-path:polygon(0 0,100% 5vw,100% 100%,0 calc(100% - 5vw));height:fit-content;transition:clip-path .3s ease;width:100%}.home-text-flex-container{background:rgba(0,0,0,.824);display:flex;flex-direction:row;justify-content:center;max-height:fit-content}.home-text{line-height:1.5;max-width:700px;padding:calc(4rem + 1vh) 12px;text-align:justify}.about-header,.contact-header,.services-header,.worksamples-header{align-items:center;background-color:#333;background-image:linear-gradient(180deg,#333,#0000),linear-gradient(0deg,#333,#0000),url(/static/media/KMSS%20Logo%20Design.12%20[Transparent%20no%20text].a6e20ddfff5d61506b8c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:rgba(251,224,68,.914);display:flex;font-size:calc(1.5rem + 5vw);height:60vh;justify-content:center;margin:0;position:absolute;text-align:center;text-shadow:0 0 10px #121413;top:0;width:100vw;z-index:1}.contact-body,.worksamples-body{align-items:center;display:flex;flex-direction:column;margin-top:50vh;padding:20px}.about-body,.contact-body,.worksamples-body{background-color:#333;color:#c7c7c7;position:relative}.about-body{margin-top:51vh;min-height:50vh;padding-bottom:50px;text-align:justify}.aboutpage-text-container{align-items:center;background-color:#1a2f41;display:flex;flex-direction:column;width:100vw}.about-text,.bio-text{background-color:#252525;display:grid;grid-template-columns:auto 1fr;justify-content:center;max-width:800px}.about-text-left,.bio-text-left{align-items:center;color:#fff;display:flex;justify-content:center;margin:0;padding:20px;text-orientation:mixed;transform:rotate(180deg);writing-mode:vertical-rl}.about-text-left{background-color:#69462b}.bio-text-left{background-color:#153e5c}.about-text-right,.bio-text-right{color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px}.services-body{align-items:center;background-color:#333;color:#c7c7c7;display:flex;flex-direction:column;margin-top:50vh;text-align:justify}.services-body button{background-color:#202020;border:none;border-radius:20px;color:rgba(251,224,68,.914);cursor:pointer;font-size:1.2rem;margin-bottom:2rem;padding:10px 20px}.services-body button:hover{background-color:#7e733f}.services-body h2{font-size:2rem}#audio-mastering,#audio-mixing,#audio-restoration{border-radius:20px;margin:30px;max-width:800px;padding:20px;scroll-margin-top:100px}#audio-mixing{background-color:#153e5c;box-shadow:0 5px 15px 0 rgba(12,140,186,.499)}#audio-mastering,#audio-mixing{border-radius:20px;margin-bottom:30px;max-width:800px;padding:20px}#audio-mastering{background-color:#68692b;box-shadow:0 5px 15px 0 rgba(180,186,12,.499)}#audio-restoration{background-color:#69462b;border-radius:20px;box-shadow:0 5px 15px 0 rgba(186,79,12,.499);margin-bottom:30px;max-width:800px;padding:20px}.contact-body p{max-width:600px}.contact-form-container{display:flex;justify-content:center}form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px;max-width:600px;padding:20px;text-align:left;width:80vw}label{color:#333;font-size:16px;font-weight:700;margin-bottom:8px;text-align:center}input[type=email],input[type=text],textarea{border:1px solid #ddd;border-radius:5px;font-size:14px;margin-bottom:20px;padding:10px;width:90%}input[type=email]:focus,input[type=text]:focus,textarea:focus{border-color:#007bff;border-width:3px;outline:none}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23333" d="M2 0L0 2h4zM2 5L0 3h4z"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:10px;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:16px;outline:none;padding:10px 40px 10px 10px;transition:border-color .3s ease}.work-samples-default{background-color:#333;background-image:url(/static/media/levi-meir-clancy-lc6xNaMDppk-unsplash.a10ce86e0b5ed638cdeb.jpg);background-repeat:no-repeat;background-size:cover;height:60vh;width:100vw}.work-samples-default h2{text-align:center}.mixes-body p{max-width:800px}.video-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.video{border-radius:12px;box-shadow:0 4px 8px #0000001a;max-width:calc(100vw - 40px);transition:transform .3s,box-shadow .3s}.album-container{align-items:center;background-color:#69462b;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.album-embed{max-width:100%}@media (max-height:420px){.services-cards{margin-top:80vh}.hero{height:130vh}.about-header,.contact-header,.services-header,.worksamples-header{height:100vh}.about-body,.contact-body,.services-body,.worksamples-body{margin-top:calc(100vh - 82px)}}@media (max-width:400px){.navbar-logo{display:none}.navbar-links{display:flex;justify-content:space-evenly;width:100%}.services-cards{margin-top:80vh}.hero{height:100vh}}
/*# sourceMappingURL=main.aed7a452.css.map*/