@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap');

* {
  margin: 0;
    padding: 0;
      box-sizing: border-box;
      }

      body {
        font-family: 'Rubik Mono One', sans-serif;
          background-color: #0d0d0d;
            color: #f5f5dc;
              line-height: 1.6;
                padding: 10px;
                }

                header {
                  background-color: #000;
                    padding: 20px;
                      text-align: center;
                        box-shadow: 0 2px 5px rgba(255, 204, 0, 0.2);
                        }

                        header h1 {
                          color: #ffcc00;
                            font-size: 2em;
                              letter-spacing: 1px;
                              }

                              nav ul {
                                display: flex;
                                  justify-content: center;
                                    flex-wrap: wrap;
                                      list-style: none;
                                        margin-top: 10px;
                                        }

                                        nav ul li {
                                          margin: 5px 10px;
                                          }

                                          nav ul li a {
                                            color: #f5f5dc;
                                              text-decoration: none;
                                                font-weight: bold;
                                                  transition: color 0.3s;
                                                  }

                                                  nav ul li a:hover {
                                                    color: #ffcc00;
                                                    }

                                                    .section {
                                                      margin: 30px 0;
                                                        padding: 15px;
                                                          background-color: #1e1e1e;
                                                            border-radius: 10px;
                                                              animation: fadeIn 1s ease-in;
                                                              }

                                                              .section h2 {
                                                                color: #ffcc00;
                                                                  margin-bottom: 10px;
                                                                    font-size: 1.5em;
                                                                    }

                                                                    .section p {
                                                                      margin-bottom: 10px;
                                                                      }

                                                                      .highlight {
                                                                        width: 100%;
                                                                          max-width: 350px;
                                                                            border-radius: 10px;
                                                                              margin-top: 10px;
                                                                                box-shadow: 0 0 10px rgba(255, 204, 0, 0.3);
                                                                                }

                                                                                .cards {
                                                                                  display: flex;
                                                                                    flex-direction: column;
                                                                                      gap: 15px;
                                                                                      }

                                                                                      .card {
                                                                                        background-color: #2a2a2a;
                                                                                          padding: 15px;
                                                                                            border-radius: 8px;
                                                                                              transition: transform 0.3s;
                                                                                              }

                                                                                              .card:hover {
                                                                                                transform: scale(1.02);
                                                                                                }

                                                                                                .gallery {
                                                                                                  display: flex;
                                                                                                    gap: 10px;
                                                                                                      overflow-x: auto;
                                                                                                        padding-bottom: 10px;
                                                                                                        }

                                                                                                        .gallery img {
                                                                                                          width: 700px;
                                                                                                            height: auto;
                                                                                                              border-radius: 8px;
                                                                                                                flex-shrink: 0;
                                                                                                                  box-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
                                                                                                                  }

                                                                                                                  footer {
                                                                                                                    text-align: center;
                                                                                                                      margin-top: 40px;
                                                                                                                        font-size: 0.8em;
                                                                                                                          color: #888;
                                                                                                                          }

                                                                                                                          /* Animação suave */
                                                                                                                          @keyframes fadeIn {
                                                                                                                            from { opacity: 0; transform: translateY(10px); }
                                                                                                                              to { opacity: 1; transform: translateY(0); }
                                                                                                                              }
                                                                                                                              .video-wrapper {
                                                                                                                                  position: relative;
                                                                                                                                    padding-bottom: 56.25%; /* proporção 16:9 */
                                                                                                                                      height: 0;
                                                                                                                                        overflow: hidden;
                                                                                                                                          border-radius: 12px;
                                                                                                                                            box-shadow: 0 0 15px rgba(255, 204, 0, 0.3);
                                                                                                                                              margin-top: 20px;
                                                                                                                                              }

                                                                                                                                              .video-wrapper iframe {
                                                                                                                                                position: absolute;
                                                                                                                                                  top: 0;
                                                                                                                                                    left: 0;
                                                                                                                                                      width: 100%;
                                                                                                                                                        height: 100%;
                                                                                                                                                          border: none;
                                                                                                                                                          }