@font-face{font-family:Zenkaku;src:url(/font/Zenkaku) format("truetype");font-weight:400;font-style:normal}html,body{min-height:100%;margin:0;padding:0}html{font-family:Zenkaku,sans-serif;font-size:large;background-image:linear-gradient(to top right,#fff,#8580ce 25%,#46a8ff 90%);background-size:cover;background-repeat:no-repeat}body{text-align:center;justify-content:center;align-items:center;margin:0;color:#fff;text-shadow:2px 2px 4px black;min-height:100vh}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.homebt{padding:30px;margin:100px;font-size:x-large;background-color:#0c00ba;color:#fff;cursor:pointer;font-weight:700;border:none;border-radius:10px;animation:rotate 10s infinite}.homebt:hover{background-color:#fff;color:#0c00ba;font-weight:700}.home{text-align:center;padding:20px}.home-logo{width:200px;margin-bottom:20px}.category-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:50px;gap:20px;padding:20px}.category-button{margin-top:10px;padding:10px 20px;color:#0c00ba;background-color:#fffc;border:none;border-radius:5px;cursor:pointer;font-size:large}.category-button:hover{background-color:#fff;color:#6009eb;padding:13px 25px;box-shadow:0 20px 40px #0000001a}.category-card{padding:20px;min-width:250px;max-width:300px;text-align:center;border-radius:10px;position:relative;height:300px;box-shadow:0 6px 10px #0000001a;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(4px);z-index:1;background-image:inherit}.category-card h3,.category-card p,.category-card .category-button{position:relative;z-index:2}.category-card-nature,.category-card-drones,.category-card-frequencies,.category-card-guided{background-size:cover;background-position:center}.category-card-nature{background-image:url(/natura.png)}.category-card-drones{background-image:url(/drone.jpg)}.category-card-frequencies{background-image:url(/frequency.jpg)}.category-card-guided{background-image:url(/guide.jpg)}.home,.category-selection,.timer{padding-top:40px}.sound-container{display:flex;flex-wrap:wrap;justify-content:center;max-width:70%;gap:20px;transition:justify-content 1s ease-out}@keyframes slideLeft{0%{transform:translate(0)}50%{transform:translate(-5%)}to{transform:translate(4%)}}.sound-container.move-left{margin:0;animation:slideLeft 1s ease-out forwards}.sound-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0;width:100%;max-width:300px;text-align:center;background-color:#f0f0f046;border-radius:10px;box-shadow:0 4px 8px #0000001a;overflow:hidden;margin:20px;font-size:large}.sound-image{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.sound-card-content{padding:20px;flex-grow:1}.sound-button{margin-top:10px;padding:10px 20px;background-color:#0c00ba;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:large;margin-bottom:20px}.sound-button:hover{background-color:#fff;color:#0c00ba}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.player-section{flex:1;min-width:250px;max-width:30%;animation:fadeSlideIn 1s ease-out}.main-container{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:20px;flex-wrap:nowrap}.timer-section{margin:20px 0}.timer-section input{margin-left:10px;width:60px;padding:5px}.time-left{font-size:18px;font-weight:700;margin-top:10px}.start-timer-button{background-color:#0c00ba;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.pause-timer-button{background-color:#0c00ba;color:#fff;padding:10px 20px;border:none;border-radius:8px;margin-left:10px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.start-timer-button:hover,.pause-timer-button:hover{background-color:#fff;color:#0c00ba;transform:scale(1.05)}.start-timer-button:active,.pause-timer-button:active{background-color:#00397a;transform:scale(.98);outline:none}.timer-input{width:60px;padding:8px;margin:5px;font-size:16px;border:2px solid #0c00ba;border-radius:5px;outline:none;transition:border-color .3s ease,box-shadow .3s ease}.timer-input:focus,.timer-input:hover{border-color:#0056b3;box-shadow:0 0 5px #0056b380}.back-button{margin:20px;padding:10px 20px;background-color:#0c00ba;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:large}.back-button:hover{background-color:#fff;color:#0c00ba}