Delete player.css

player.css

@@ -1,88 +0,0 @@
-/* Fonte personalizada */
-@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap');
-
-/* Definição das cores */
-:root {
-  --primary-color: #FF5C5C;
-  --secondary-color: #FFF;
-  --tertiary-color: #333;
-}
-
-/* Estilo básico do corpo da página */
-body {
-  font-family: 'Roboto', sans-serif;
-  background-color: var(--secondary-color);
-  color: var(--tertiary-color);
-  margin: 0;
-  padding: 0;
-}
-
-/* Estilo do cabeçalho */
-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background-color: var(--primary-color);
-  padding: 1rem;
-}
-
-/* Estilo do logotipo */
-.logo {
-  font-size: 2rem;
-  font-weight: 700;
-  color: var(--secondary-color);
-}
-
-/* Estilo dos botões */
-button {
-  background-color: var(--secondary-color);
-  color: var(--primary-color);
-  border: none;
-  border-radius: 5px;
-  padding: 0.5rem 1rem;
-  font-size: 1rem;
-  font-weight: 700;
-  cursor: pointer;
-  transition: background-color 0.3s ease, color 0.3s ease;
-}
-
-button:hover {
-  background-color: var(--primary-color);
-  color: var(--secondary-color);
-}
-
-/* Estilo da seção principal */
-main {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 2rem;
-}
-
-/* Estilo do wrapper do vídeo */
-.video-wrapper {
-  position: relative;
-  width: 100%;
-  padding-top: 56.25%;
-}
-
-/* Estilo do vídeo */
-#video {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-/* Estilo do player */
-#play-button {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1;
-  font-size: 2rem;
-}