*{font-family:"Roboto",sans-serif;box-sizing:border-box;margin:0;list-style:none;padding:0;font-size:13px;text-decoration:none;outline:none}body{background-image:url(/static/media/studio.d6ac4f1e.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:50%;margin:10px}body,button{color:#d3d3d3}button{background-color:transparent;padding:5px;width:100px;cursor:pointer;font-size:15px}fieldset{border:none;background-color:rgba(0,0,0,.932);display:flex;flex-direction:column;max-width:650px;margin:20px auto;padding:10px}@media only screen and (max-width:471px){button{padding:3px;width:60px;font-size:10px}}.nav{display:flex;padding-left:10px}.nav-link-button{margin:0 10px 10px 20px;color:#d3d3d3;font-size:16px;font-weight:900}.login-form{margin:20px}.login-form h2{font-size:35px;color:#ff5e00;font-family:"Urban Nation",cursive;margin:auto}.login-form h2,.signup-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.signup-button{padding:5px 15px;margin:20px auto}.signupForm{margin:20px}.signupForm h2{font-size:35px;color:#ff5e00;font-family:"Urban Nation",cursive;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}input{margin:10px auto;max-width:300px;padding:7px;color:#d3d3d3}input,input:after{background-color:transparent}input::-webkit-input-placeholder{color:#d3d3d3}input:-ms-input-placeholder{color:#d3d3d3}input::-ms-input-placeholder{color:#d3d3d3}input::placeholder{color:#d3d3d3}.error-msg{font-size:20px;color:#4b0000}.createBtn{padding:5px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:20px auto}.listItem{display:flex;justify-content:space-between;border-top:1px solid #3b3b3b;padding:20px}.pattern-link{padding:10px 20px;margin:0 10px;min-width:200px;text-transform:uppercase;font-size:20px;color:#ff5e00;font-family:"Franklin Gothic Medium","Arial Narrow",Arial,sans-serif;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cancelDelete-pattern,.confirmDelete-pattern,.delete-pattern{margin-top:10px;padding:5px 10px;font-size:13px}.patterns-page{background-color:rgba(0,0,0,.918);margin:30px auto;padding:10px;max-width:810px;border-bottom:1px solid #3b3b3b}.patterns-page h2{font-size:35px;color:#ff5e00;font-family:"Urban Nation",cursive;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:10px auto}li{margin-bottom:5px}.pattern-box{font-size:20px}.machine{background-color:rgba(0,0,0,.925);padding:10px 25px 50px 5px;width:-webkit-max-content;width:-moz-max-content;width:max-content;margin:40px auto}.sequencer{display:flex;padding:5px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}.names{display:flex;flex-direction:column;font-size:15px;justify-content:space-around;text-align:center}.names p{padding:5px 10px;margin:0 5px 0 0}.transport-header{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.transport{display:flex;margin:10px 0}.transport-item{margin:0 10px}.bpm-selector{font-size:12px;margin:0}.save-block{display:flex;flex-direction:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.save-block button{margin:auto}.pattern-title{color:#ff5e00;margin:15px 0 0 30px;font-family:"Urban Nation",cursive;font-size:40px}.titleSpan{color:#ff5e00;font-size:13px;margin:-5px 0 0 30px}.titleDiv{display:flex;flex-direction:column}.pattern-title-input{background:transparent;border:none;font-family:"Urban Nation",cursive;color:#ff5e00;font-size:40px;margin-left:25px;height:39px}.sequenceFoot{display:flex;justify-content:space-around;margin-top:10px}.save-message p{font-size:11px;text-align:center;margin:8px;width:100px}@media only screen and (max-width:634px){.names p{font-size:12px;margin:0 3px 0 0;padding:2px 4px}.pattern-title{font-size:30px}.pattern-title-input{font-size:30px;height:27px;width:240px}}@media only screen and (max-width:471px){.names p{font-size:8px;margin:0 3px 0 0;padding:2px 4px}.bpm-selector{height:23px}.bpm-selector,.transport-item label{font-size:12px}.pattern-title{font-size:30px}.pattern-title-input{font-size:30px;height:27px;width:240px}}.pad-checkbox{-webkit-appearance:none;padding:32px;border-radius:3px;display:inline-block;position:relative;background-color:rgba(2,156,184,.795);margin:0 2px;outline:none;cursor:pointer}.pad-checkbox:checked{background-color:#0f0}@media only screen and (max-width:1214px){.pad-checkbox{padding:25px}}@media only screen and (max-width:984px){.pad-checkbox{padding:20px;margin:0 1px;border-radius:2px}}@media only screen and (max-width:791px){.pad-checkbox{padding:15px;margin:0 1px;border-radius:1px}}@media only screen and (max-width:634px){.pad-checkbox{padding:10px;margin:0 1px;border-radius:1px}}@media only screen and (max-width:471px){.pad-checkbox{padding:8.3px;margin:0 .5px;border-radius:.7px}}.landing{background-color:rgba(0,0,0,.938);margin:15px auto;max-width:600px;min-height:500px;padding:20px}.landing h2{font-size:px}.landing h1{font-size:35px;color:#ff5e00;font-family:"Urban Nation";margin-bottom:10px;text-align:center}p{margin:10px}.linkContainer{text-align:center}.linkContainer h2{margin:30px 0}header{background-color:rgba(0,0,0,.747);padding:5px}.centerHead{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:15px}h1{margin-bottom:10px}h2{font-size:15px}
/*# sourceMappingURL=main.ddd44f5d.chunk.css.map */