:root{--dark:#39393a;--light:#f0f0f0;--primary:#297373;--secondary:#bfab25}*{box-sizing:border-box;color:inherit;font-family:Work Sans,sans-serif;font-style:normal;font-weight:400}html{color:#f0f0f0;color:var(--light);scroll-behavior:smooth}body,html{margin:0;padding:0}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;position:relative}a,h1,h2,h3,nav,p,span{color:inherit;margin:0}h1,h2,h3,nav,p,span{cursor:default}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{min-height:100vh;min-width:100vw}.dotted{background-color:#39393a;background-color:var(--dark);background-image:radial-gradient(#2d2d2d 1px,#0000 0);background-position:-25px -25px;background-size:25px 25px}.title{color:#f0f0f0;color:var(--light);font-family:Bricolage Grotesque,sans-serif;font-size:4rem;font-weight:600;text-align:center;text-shadow:2.5px 2.5px #080808,5px 5px #181818,7.5px 7.5px #282828;transition:all .2s;white-space:nowrap}.title:focus,.title:hover{text-shadow:5px 5px #080808,10px 10px #181818,15px 15px #282828}@media screen and (max-width:880px){.title{font-size:3.5rem;margin-bottom:20px}}.content{flex-direction:column;gap:10px;height:fit-content;margin:0 auto;min-height:100vh;padding:0 5px;width:min(95%,1200px)}.content,.record-container{align-items:center;display:flex}.record-container{justify-content:center;margin:0;overflow:hidden;position:relative}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 3s linear 0ms infinite}.paused,.spin:focus{animation-play-state:paused}.color-palette-row{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}.color-button{all:unset;border-radius:7.5px;box-shadow:2.5px 2.5px #080808,5px 5px #181818,7.5px 7.5px #282828;height:30px;transition:all .2s;width:30px}.color-button:focus,.color-button:hover{box-shadow:5px 5px #080808,10px 10px #181818,15px 15px #282828;cursor:pointer;transform:scale(1.05)}.text-input{all:unset;border-bottom:2px solid var(--primary);color:var(--light);font-size:1.5rem;transition:all .2s}.text-input:focus,.text-input:hover{border-bottom:5px solid var(--secondary)}.record-sizer{height:auto;max-width:600px;padding:0 50px;width:100%}.hero{flex-direction:row;min-height:min(100vh,1000px);width:100%}.hero,.hero-left{align-items:center;display:flex;gap:10px;justify-content:center}.hero-left{flex:1 1;flex-direction:column;height:100%}.hero-left>p{margin-bottom:10px;padding:0 2.5%}.hero-right{align-items:center;display:flex;flex:2 1;flex-direction:column;gap:10px;height:100%;justify-content:center}@media only screen and (max-width:880px){.hero{display:block}.hero-left{padding-bottom:80px;padding-top:150px}.hero-left,.hero-right{height:min-content;width:100%}.hero-right{justify-content:start;padding-bottom:100px}}
/*# sourceMappingURL=main.7322587b.css.map*/