@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;1,900&display=swap);*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#1c232b;background-image:url(/static/media/sea.9d057fad81c04caea0b3.jpg);background-position:0 90%;background-repeat:no-repeat;background-size:cover;font-family:Playfair Display,Times New Roman,Times,serif;min-height:100vh}header{color:#fff;font-family:Playfair Display,serif;font-weight:lighter;padding-bottom:200px;padding-top:200px;text-align:center}header h1{font-size:4rem;letter-spacing:1rem;margin-bottom:1rem}header h1,header h2{opacity:.9;transition:opacity .5s}header h1:hover,header h2:hover{opacity:.3}header h2{letter-spacing:.38rem}main{align-items:center;display:flex;flex-direction:column;gap:3rem}.control-container{display:flex;gap:5rem;justify-content:space-between;max-width:60rem}.control-container button{align-items:center;background-color:initial;border:0;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:2rem;gap:1rem;transition:transform .2s}.control-container button:hover{transform:scale(1.1)}.category-title{color:hsla(0,0%,100%,.795);font-family:Playfair Display,serif;font-size:2rem;letter-spacing:.3rem;margin-bottom:1.5rem;margin-top:3rem;text-align:center}.sound-container{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(3,minmax(0,1fr));max-width:60rem;padding:1rem}.search-container{display:flex;width:40rem}.search-container input{flex-grow:1;font-size:1.5rem}.search-container button,.search-container input{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;padding:.5rem}.search-container button{cursor:pointer;font-size:1rem;font-size:1.5rem}@media (max-width:1000px){.sound-container{grid-template-columns:1fr 1fr}.search-container{width:80%}}@media (max-width:680px){header{padding-bottom:100px;padding-top:100px}header h1{font-size:2rem}.control-container{gap:2rem}.control-container button,.search-container input{font-size:1rem}.category-title{font-size:1.5rem}.sound-container{grid-template-columns:1fr}}#filter-input{background-color:initial;border:none;border-bottom:1px solid #fff;color:#fff;font-size:2rem;margin:0 auto;min-width:20rem;padding:1rem}footer{font-size:1rem;margin:2rem 0}.ambient-sound,footer{color:#fff;text-align:center}.ambient-sound{background-color:initial;border:3px solid #fff;border-radius:15px;display:flex;flex-direction:column;gap:1rem;opacity:.5;padding:1rem;transition:opacity .5s;transition:background-color .5s}.ambient-sound:hover{opacity:1}.ambient-sound button{align-items:center;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:1.5rem;font-style:normal;font-weight:400;gap:1rem;letter-spacing:.2rem;padding:.5rem 1rem;transition:background-color .5s}.active{background-color:#ffffff1a;opacity:1}.hidden{display:none}.random-control{display:flex;margin-top:auto}.random-control button{border:2px solid #fff;flex-grow:1;font-size:.8rem}.random-control button.random-active,.random-control button:hover{background-color:#fff;color:#1c232b}.random-control button:first-child{border-radius:15px 0 0 15px;border-right:none}.random-control button:last-child{border-radius:0 15px 15px 0}
/*# sourceMappingURL=main.0e9a927c.css.map*/