body{background-color:#001f3f;color:#fff;margin:0}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}.header{position:fixed;top:0;left:0;width:100%;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;z-index:100}.logo{font-size:28px;color:#fff;font-weight:700;font-family:fantasy;text-decoration:none}.nav{display:flex;gap:20px}.nav a{font-size:16px;color:#fff;font-weight:500;text-decoration:none;white-space:nowrap}.hamburger{display:none;font-size:28px;background:none;border:none;color:#fff;cursor:pointer}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start}.logo{font-size:18px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif}.hamburger{display:block;margin-left:auto}.nav{display:none;flex-direction:column;align-items:flex-start;width:100%;background-color:#000;padding:10px 0;margin-top:10px}.nav.open{display:flex}.nav a{font-size:18px;margin:10px 20px;width:100%}}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:20px;padding:0 10px}.gallery-image{width:50%;height:auto;object-fit:cover;border-radius:8px;transition:transform .3s ease}.gallery-image:hover{transform:scale(1.05)}@media (max-width: 480px){.gallery{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}}.icon-container{display:flex;justify-content:center;align-items:center;color:inherit;gap:15px;margin-top:10px}.react-icons{align-items:center;font-size:1.5rem;color:#fff}.react-icons:hover{color:#ff4500;transform:scale(1.3)}.home{display:flex;flex-direction:column;align-items:center;justify-content:center}.video-container{width:100%;height:70vh;overflow:hidden}.home-music-video{width:100%;height:100%;max-height:100%;object-fit:cover;border:none}.footer{text-align:center;font-size:18px;padding:20px 10px}@media (max-width: 768px){.video-container{height:40vh;width:100vw}.home-music-video{height:100%;width:100%;object-fit:cover}.footer{font-size:14px;padding:10px}.home{padding:0 10px}}.cards-container{display:flex;flex-direction:column;align-items:center;gap:40px;padding:70px 20px}.card{display:flex;flex-direction:column;align-items:center;width:300px;padding:20px;border-radius:10px;text-align:center;background-color:gray;box-shadow:5px 5px 10px #000;flex-shrink:0;position:relative}.card .card-image{width:100%;height:auto;object-fit:cover;border-radius:50%;margin-bottom:10px;box-shadow:5px 5px 10px #00000080}.card .card-title{font-family:Times New Roman,Times,serif;color:#fff;font-size:28px;margin:10px 0}.card .card-button{border-radius:8px;color:#000;background-color:#fff;font-weight:700;padding:10px 16px;margin-top:10px;cursor:pointer;border:none;font-size:16px;transition:transform .3s ease-in-out}.card .card-button:hover{transform:scale(1.1)}.dropdown-menu{background-color:#001f3f;color:#fafafa;padding:8px 12px;font-size:18px;width:100%;margin-top:10px;border-radius:8px}.dropdown-menu a{display:block;color:#fff;text-decoration:none;padding:6px 0}.dropdown-menu a:hover{color:#b2dfdb}.footer{text-align:center;font-size:18px;padding:20px 10px;margin-top:20px}@media (max-width: 768px){.card{width:90%;margin:10px auto;padding:16px}.card-title{font-size:22px}.card-button{font-size:14px;padding:8px 14px}.dropdown-menu{font-size:16px;padding:8px}.dropdown-menu a{padding:5px 0}.card .card-image{max-width:250px;margin:0 auto 10px}}@media (max-width: 480px){.card-title{font-size:20px}.card-button{font-size:13px}.dropdown-menu{font-size:15px}}.music-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:40px auto;max-width:800px;width:90%}.music-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.about-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;padding:80px 20px;max-width:1200px;margin:auto;gap:70px}.picture{flex:1;min-width:280px;max-width:400px;border-radius:10px;padding:20px;text-align:center;box-shadow:5px 5px 5px #000;background-color:gray}.picture .card-image{width:100%;height:auto;object-fit:cover;border-radius:8px;margin-bottom:10px}.picture .picture-title{font-family:Times New Roman,Times,serif;color:#fff;font-size:26px}.bio{flex:2;color:#fff;font-size:18px;text-align:left;animation:fadeInText ease 2s;min-width:280px;max-width:700px}@keyframes fadeInText{0%{opacity:0}to{opacity:1}}.footer{text-align:center;font-size:16px;padding:20px 10px;margin-top:20px}@media (max-width: 768px){.about-container{flex-direction:column;padding:60px}.picture,.bio{width:100%;padding:10px}.picture .picture-title{font-size:22px}.bio{font-size:16px;text-align:justify}}