@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;700&family=Montserrat:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{
    --gradient: linear-gradient(to left, #870000, #601f0a);
    --borderRadius: 20px;
    --btnPadding: 7px 20px;
  }

  .cursive {
    font-family: 'Dancing Script', cursive;
  }

  .navbar{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: linear-gradient(hsla(0, 0%, 0%, 0.5), hsla(0, 0%, 0%, 0.5)),url(../imagenes/guitar-frets.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 5;
  }
  
  nav img{
    width: 40px;
    animation: rotate 4s linear infinite;
  }
  
  @keyframes rotate {
    0%{
      transform: rotateY(0deg);
    }
    100%{
      transform: rotateY(360deg);
    }
  }
  
  .navbar-brand{
    font-size: 2rem;
  }
  
  .navbar-brand span{
    color: darkorange;
  }
  
  .navbar-toggler-icon{
    background-image: url(../imagenes/icono.png);
  }
  
  .nav-link,
  .navbar-brand{
    color: #fff;
  }

  .nav-link:hover{
    color: orange;
  }
  

  main{
    background: linear-gradient(to left, hsla(0, 100%, 26%, 0.377), #601f0a8e),url('../imagenes/banner-contacto.jpg'); 
    background-repeat: no-repeat;
    height: 100vh;
  }

  main form{
    max-width: 500px;
    width: 90%;
    border-radius:25px;
    background-color: rgba(0, 0, 0, .5);
    margin: 0 auto;
    margin-top: 80px;
  }

.btn{
  background-color: darkorange;
}

.btn-primary{
  border: none;
}
.btn-primary:hover{
  background-color:orange;

}