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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wrapper2{height:250px}header{align-items:center;display:flex;flex-direction:column}header h1{color:#021718;display:inline-block;font-size:64px;font-weight:900;line-height:75px;margin-bottom:24px;transition:.3s}header h1:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}header p{color:#021718;font-size:24px;line-height:42px}.hero-content{height:70px}.hero-image>button>img{height:4vw;width:4vw}:root{--orange:#f80;--yellow:#fecf01;--lime:#8eda0b;--green:#14bd28;--red:#f7185b;--pink:#d411a7;--blue:#1481f5;--purple:#9d09d7;--cyan:#1cc4fd;--white:#f2f2f2;--black:#1a1a1a;--boxMain:var(--pink);--boxSecond:var(--purple);--boxHigh:var(--red);--border:2px solid var(--black);--borderRad:2px}#tracks{max-height:400px;min-height:400px}#tracks h2{align-self:flex-start}.pads{display:flex;justify-content:space-between}.pads input{-webkit-appearance:none;appearance:none;background-color:#f2f2f2;background-color:var(--white);border:2px solid #1a1a1a;border:var(--border);height:1vw;margin:1px;padding:0;width:2vw}.pads input:checked{background-color:#f7185b;background-color:var(--boxHigh)}label{color:#f0f8ff}#play,#record,#stop{max-height:50px;max-width:55px}.play:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.tape-play{background-color:#181818;border:1px solid #fff;border-radius:2px;display:flex;flex-direction:column;flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;padding:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tape-play>header{background-color:#f0f8ff;color:#181818}#stop,.play{background-color:#181818}audio{height:20px;margin:1rem auto;width:300px}.Main-Content{align-items:center;background:#f5a05c;display:flex;flex-wrap:wrap;height:770px;justify-content:center}*{box-sizing:border-box;margin:0}body{font-family:Roboto,sans-serif}.nav-container{background:#fffffa;box-shadow:0 8px 24px rgba(0,0,0,.1);height:72px}.wrapper{background-color:#fffffa;margin:0;padding:0 10px}nav{align-items:center;height:72px;justify-content:space-between}nav,nav ul{display:flex}nav .logo{color:#021718;font-family:Poppins,sans-serif;font-size:64px;font-style:normal;font-weight:800}.nav-items li{list-style:none;margin-right:100px}.nav-items li:last-of-type{margin:0}.nav-items li a{color:#021718;font-family:Poppins,sans-serif;font-size:24px;text-decoration:none}button{background-color:#f5a05c;border:none;margin:0;padding:0}#playback,#source1{height:300px}.hero-image{flex-wrap:wrap;margin:100px 24px}.controls,.hero-image{display:flex}.source1{order:2}.logo{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.74e18c48.css.map*/