#body{
    background-image: linear-gradient(100deg, rgb(190, 233, 253), rgb(251, 208, 255));
    max-width: 99% !important; 
}
#body_navbar{
    border: 6px solid rgb(190, 233, 253); 
    border-image: linear-gradient(90deg,rgb(103, 200, 245), rgb(230, 141, 238));  
    border-image-slice: 1;
}

#objetive_header:hover{
    background-color: rgb(190, 233, 253);
    transition: 1s;
}
#acerca_De_header:hover{
    background-color: rgb(251, 208, 255);
    transition: 1s;
}

#body2{
    background-image: linear-gradient(100deg, rgb(212, 144, 252), rgb(251, 255, 255));
    max-width: 99% !important;
}

#bodyIndexF{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg,rgb(96, 247, 76), rgb(76, 184, 247));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#body3{
    background-image: linear-gradient(100deg, rgb(96, 247, 76), rgb(255, 255, 255));
    max-width: 99% !important;
}
#body4{
    background-image: linear-gradient(100deg, rgb(76, 184, 247), rgb(255, 255, 255));
    max-width: 99% !important;
}

#bodyIndexP{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg,rgb(212, 144, 252), rgb(154, 236, 247));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#body5{
    background-image: linear-gradient(100deg, rgb(154, 236, 247), rgb(255, 255, 255));
    max-width: 99% !important;
}

@keyframes cambiar{
    0%{background-position: 0 50%;}
    50%{background-position: 100% 50%;}
    100%{background-position: 0 50%;}
}

#bodyIndexI{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg,rgb(255, 122, 33), rgb(255, 255, 255));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#body6{
    background-image: linear-gradient(100deg, rgb(255, 122, 33), rgb(255, 255, 255));
    max-width: 99% !important;
}

#body7{
    background-image: linear-gradient(100deg, rgb(255, 122, 33), rgb(255, 255, 255));
    max-width: 99% !important;
}

#bodyIndexG{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg,rgb(61, 248, 192), rgb(255, 255, 255));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#bodyIndexA{
  width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg,rgb(61, 248, 102), rgb(226, 230, 29));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#bodyIndexL{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg,rgba(255, 255, 255, 0.945), rgb(105, 70, 4));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#bodyIndexZ{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg,rgba(38, 148, 38, 0.945), rgb(255, 255, 255));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#bodyIndexPA{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg, orange, white, green);
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#bodyIndexC{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg, rgb(0, 56, 236), white);
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}

#bodyIndexB{
    width: 100%;
	height: 100vh;
	color: #fff;
	background: linear-gradient(45deg, grey, white, rgb(22, 22, 22));
	background-size: 400% 400%;
	position: relative;
	animation: cambiar 10s ease-in-out infinite;
}


/*
#body_navbar2::before, #body_navbar2::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    border: 5px solid transparent;
    width: 0;
    height: 0;
  }
  #body_navbar2::before {
    top: 0;
    left: 0;
    border-top-color: rgb(230, 141, 238);
    border-right-color: rgb(230, 141, 238);
    animation: border 2s infinite;
  }
  #body_navbar2::after {
    bottom: 0;
    right: 0;
    animation: border 2s 1s infinite, borderColor 2s 1s infinite;
  }
  */
  @keyframes border {
    0% {
      width: 0;
      height: 0;
    }
    25% {
      width: 100%;
      height: 0;
    }
    50% {
      width: 100%;
      height: 100%;
    }
    100% {
      width: 100%;
      height: 100%;
    }
  }
  @keyframes borderColor {
    0% {
      border-bottom-color: rgb(230, 141, 238);
      border-left-color: rgb(230, 141, 238);
    }
    50% {
      border-bottom-color: rgb(230, 141, 238);
      border-left-color: rgb(230, 141, 238);
    }
    51% {
      border-bottom-color: transparent;
      border-left-color: transparent;
    }
    100% {
      border-bottom-color: transparent;
      border-left-color: transparent;
    }
}

#body8{
  background-image: linear-gradient(100deg, rgb(61, 248, 192), rgb(255, 255, 255));
  max-width: 99% !important;
}

#body9{
  background-image: linear-gradient(100deg, rgb(61, 248, 192), rgb(255, 255, 255));
  max-width: 99% !important;
}

#body10{
  background-image: linear-gradient(100deg, rgb(61, 248, 192), rgb(255, 255, 255));
  max-width: 99% !important;
}

#body11{
  background-image: linear-gradient(100deg, rgb(61, 248, 192), rgb(255, 255, 255));
  max-width: 99% !important;
}

#body12{
  background-image: linear-gradient(100deg, rgb(61, 248, 102), rgb(226, 230, 29));
  max-width: 99% !important;
}

#body13{
  background-image: linear-gradient(100deg, rgb(61, 248, 102), rgb(226, 230, 29));
  max-width: 99% !important;
}

#body14{
  background-image: linear-gradient(100deg, rgb(61, 248, 102), rgb(226, 230, 29));
  max-width: 99% !important;
}

#body15{
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0.945), rgb(105, 70, 4));
  max-width: 99% !important;
}

#body16{
  background-image: linear-gradient(100deg, rgba(255, 255, 255, 0.945), rgb(105, 70, 4));
  max-width: 99% !important;
}

#body17{
  background-image: linear-gradient(100deg, rgba(38, 148, 38, 0.945), rgb(255, 255, 255));
  max-width: 99% !important;
}

#body18{
  background-image: linear-gradient(100deg, rgba(38, 148, 38, 0.945), rgb(255, 255, 255));
  max-width: 99% !important;
}

#body19{
  background-image: linear-gradient(100deg, orange, white, green);
  max-width: 99% !important;
}

#body20{
  background-image: linear-gradient(100deg, orange, white, green);
  max-width: 99% !important;
}

#body21{
  background-image: linear-gradient(100deg, rgb(0, 56, 236), white);
  max-width: 99% !important;
}

#body22{
  background-image: linear-gradient(100deg, rgb(0, 56, 236), white);
  max-width: 99% !important;
}

#body23{
  background-image: linear-gradient(100deg, grey, white);
  max-width: 99% !important;
}

#body24{
  background-image: linear-gradient(100deg, grey, white);
  max-width: 99% !important;
}