@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');

body {
	font-family: 'Montserrat', sans-serif;
}
/*Links*/
a {
    text-decoration:none;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	outline:none; border:0px;
}

.nav-link {	
  color: #FF3FF3 !important;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.nav-link:focus, .nav-link:hover {
  color:#FF82FB !important;
}
.active {
	color:#FF82FB !important;
}
.nav-gradient {
	background: rgb(0,0,0);
	background: -webkit-linear-gradient(rgba(0,0,0,0.7357143541010154) 0%, rgba(0,0,0,0.5) 46%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0.7357143541010154) 0%, rgba(0,0,0,0.5) 46%, rgba(0,0,0,0) 100%);
	background: linear-gradient(rgba(0,0,0,0.7357143541010154) 0%, rgba(0,0,0,0.5) 46%, rgba(0,0,0,0) 100%); 
}
.container-backdrop {
  --bs-bg-opacity: .7;
  background-color: rgba(var(--bs-emphasis-rgb),var(--bs-bg-opacity)) !important;
  -webkit-backdrop-filter: blur(12px) contrast(100%);
  backdrop-filter: blur(12px) contrast(100%);
}

h1,h2  {
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
}

.f-custom, .f-custom > li  {
	font-family: 'Cinzel', serif;
	font-optical-sizing: auto;
}

.bg-poeta {
	background-image:url("../images/poeta/background.jpg") !important;
	background-position: center center !important;
	background-attachment: fixed !important;
	background-size:cover !important;
	background-color: #202020 !important;
}

.bg-musica {
	background-image:url("../images/musica/background.jpg") !important;
	background-position: center center !important;
	background-attachment: fixed !important;
	background-size:cover !important;
	background-color: #202020 !important;
}

.bg-media {
	background-image:url("../images/media/background.jpg") !important;
	background-position: center center !important;
	background-attachment: fixed !important;
	background-size:cover !important;
	background-color: #202020 !important;
}

.bg-contacto {
	background-image:url("../images/contacto/background.jpg") !important;
	background-position: center center !important;
	background-attachment: fixed !important;
	background-size:cover !important;
	background-color: #202020 !important;
}

.container-custom {
	width: 100%!important;
	height: 100%!important;
	position: fixed!important;
	display: block!important;
	z-index:-1!important;
	background-color: #000;
}
.text-magenta {color: #FF3FF3 !important;}

/**********************************BackgroundEffect**************************************/
/*Credit: Louis Hoebregts---https://wweb.dev/resources/animated-css-background-generator*/

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.background {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: transparent;
    overflow: hidden;
	opacity: .35;
	z-index: -1 !important;
}

.background span {
    width: 45vmin;
    height: 45vmin;
    border-radius: 45vmin;
    backface-visibility: hidden;
    position: absolute;
    animation: move;
    animation-duration: 45;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}


.background span:nth-child(0) {
    color: #c42c8d;
    top: 4%;
    left: 25%;
    animation-duration: 17s;
    animation-delay: -10s;
    transform-origin: -7vw 3vh;
    box-shadow: 90vmin 0 11.56301731628621vmin currentColor;
}
.background span:nth-child(1) {
    color: #c42c8d;
    top: 96%;
    left: 85%;
    animation-duration: 39s;
    animation-delay: -11s;
    transform-origin: 23vw 7vh;
    box-shadow: -90vmin 0 11.915253281652438vmin currentColor;
}
.background span:nth-child(2) {
    color: #ca6321;
    top: 25%;
    left: 10%;
    animation-duration: 53s;
    animation-delay: -13s;
    transform-origin: 11vw 25vh;
    box-shadow: 90vmin 0 11.895536452236989vmin currentColor;
}
.background span:nth-child(3) {
    color: #ca6321;
    top: 30%;
    left: 60%;
    animation-duration: 33s;
    animation-delay: -25s;
    transform-origin: 7vw 9vh;
    box-shadow: -90vmin 0 11.773850281886906vmin currentColor;
}
.background span:nth-child(4) {
    color: #583C87;
    top: 59%;
    left: 3%;
    animation-duration: 38s;
    animation-delay: -18s;
    transform-origin: 9vw 0vh;
    box-shadow: 90vmin 0 11.804431950686178vmin currentColor;
}
.background span:nth-child(5) {
    color: #aa0a3f;
    top: 53%;
    left: 9%;
    animation-duration: 17s;
    animation-delay: -1s;
    transform-origin: -17vw -3vh;
    box-shadow: -90vmin 0 11.90962915619302vmin currentColor;
}
.background span:nth-child(6) {
    color: #c42c8d;
    top: 19%;
    left: 3%;
    animation-duration: 6s;
    animation-delay: -39s;
    transform-origin: -22vw 21vh;
    box-shadow: 90vmin 0 11.708314634541498vmin currentColor;
}
.background span:nth-child(7) {
    color: #ca6321;
    top: 84%;
    left: 59%;
    animation-duration: 10s;
    animation-delay: -25s;
    transform-origin: 6vw 3vh;
    box-shadow: 90vmin 0 12.04907597739591vmin currentColor;
}
.background span:nth-child(8) {
    color: #583C87;
    top: 15%;
    left: 88%;
    animation-duration: 40s;
    animation-delay: -46s;
    transform-origin: 13vw -24vh;
    box-shadow: -90vmin 0 11.812563134095507vmin currentColor;
}
.background span:nth-child(9) {
    color: #583C87;
    top: 47%;
    left: 27%;
    animation-duration: 11s;
    animation-delay: -34s;
    transform-origin: 0vw 13vh;
    box-shadow: -90vmin 0 11.478304695444328vmin currentColor;
}