@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{align-items:center;background:url(/static/media/syncs.a8dea3b558044f873b09.png) 50%/cover no-repeat;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:20px 40px;transition:background-color .3s ease}.nav-left,.nav-right{display:flex;flex:1 1;gap:30px}.nav-right{justify-content:flex-end}.nav-link{color:#2f7fb3;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .3s ease}.nav-link:hover{opacity:.7}.logo-container{display:flex;flex:1 1;justify-content:center;top:50%;transform:translateY(-10%)}.logo{height:110px;overflow:visible;width:auto}.logo img{height:100%;transform:scale(1.3);transform-origin:center;width:auto}@media (max-width:600px){.nav-link{font-size:12px}.header{box-shadow:none;padding:15px 20px;position:relative}.header.mobile .logo-container{order:2;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.header.mobile .nav-left{background:#fff;box-shadow:2px 0 5px #0000001a;flex-direction:column;gap:20px;height:100%;left:-250px;padding-top:60px;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:5}.header.mobile.open .nav-left{left:0}.header.mobile .menu-toggle{background:none;border:none;color:#2f7fb3;cursor:pointer;font-size:30px;z-index:6}}@media (min-width:601px){.header{background-attachment:fixed}}.hero{background:#f8efdb;color:#fff;height:100vh;text-shadow:0 1px 3px #0009}.hero,.hero-content{align-items:center;display:flex;justify-content:center}.hero-content{flex-direction:column;gap:30px}.hero-latest{color:#2f7fb3;font-family:Montserrat,sans-serif;font-size:4rem;font-weight:700;letter-spacing:2px;margin:0}.hero-spotify-link{cursor:pointer;display:inline-block;transition:transform .3s ease}.hero-spotify-link:hover{transform:scale(1.05)}.hero-syncs,.hero-syncspace-image{border-radius:15px;display:block;height:auto;max-width:400px;width:100%}.hero-sections{flex-direction:row;gap:60px;justify-content:center;width:100%}.hero-section,.hero-sections{align-items:center;display:flex}.hero-section{flex-direction:column;gap:30px}@media (max-width:600px){.hero{height:auto;padding:30px 0}.hero-latest{font-size:2.5rem;letter-spacing:1px}.hero-syncs,.hero-syncspace-image{max-width:250px}.hero-content{gap:20px}.hero-sections{flex-direction:column;gap:20px}.hero-section{gap:20px}.hero-social{display:flex;gap:20px;justify-content:center}.hero-social-link{align-items:center;color:#2f7fb3;cursor:pointer;display:inline-flex;justify-content:center;text-decoration:none;transition:transform .3s ease,color .3s ease}.hero-social-link:hover{transform:scale(1.2)}.hero-social-icon{font-size:1.5rem}}.footer{background:#f8efdb;display:flex;gap:20px;justify-content:center;padding:20px}.footer-link{color:#2f7fb3;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .3s ease}.footer-link:hover{opacity:.7}.footer-copy{color:#2f7fb3;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;margin-bottom:10px;text-align:center;width:100%}.footer-links{display:flex}.footer-links,.footer-social{align-items:center;gap:20px;justify-content:center;width:100%}.footer-social{display:none}.social-icon{fill:currentColor;color:#2f7fb3;display:inline-block;height:20px;vertical-align:middle;width:20px}@media (min-width:601px){.footer{align-items:center;flex-direction:column;gap:8px}.footer-link{margin-top:0}.footer-copy{margin-bottom:6px;width:auto}.footer-links{display:none}.footer-social{display:flex}}
/*# sourceMappingURL=main.2aa7c707.css.map*/