Copy code
/* Add your custom styles here */
body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
      sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: none;
    list-style: none;
    background-color: none;
  }
.app {
    background-color: #292929;
    color: #d1e8e2;
    padding-top: 10px; /* Adjust based on your navbar height */
}
h4 {
    size: 0.5em !important;
}
.hero {
    background-color: #ddb358; /* Change the background color as needed */
    background-image: linear-gradient(to bottom right, red, rgb(249, 203, 62));
    color: #ae0404; /* Change the text color as needed */
    text-align: center;
    padding: 100px 0;
    min-height: 70vh;
    display: flex;
    align-items: center;
}

.hero-content {
    align-items : center;
    max-width: 800px;
    margin: 0 auto;
}

.hero h1 {
    font-size: 3em;
    margin-bottom: 20px;
}

.hero p {
    font-size: 1.5em;
}
.section {
    min-height: 80vh;
    padding: 7%;
}
.sectionTitle {
    padding: 5% 10%;
}
.card {
    border:thin solid red ;
    background-color: #1b1e24 !important;
    box-shadow:3px 3px #ddb358 ;
    padding: 2rem;
    margin: 1%;
  }

.about {
    padding: 6%;
    background-color: #bcbcbc;
}
.path1 {
    max-width: 40vw;
}

#play-now {
    position: fixed;
    top: 20px;
    right: 30px;
}

#tracks {
    color: #ae0404 !important;
}