@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
.main__btn {
  margin-top: 30px;
  width: 180px;
  margin-right: 30px;
  border-radius: 20px;
  border: none;
  text-align: center;
  transition: all 400ms;
}
.main__btn:hover {
  transform: scale(1.1);
}

.logo-img {
  font-size: 60px;
  color: #CDCDCB;
  margin-right: 10px;
}

.logotitle {
  font-size: 50px;
  font-family: "Bebas Neue", cursive;
  color: #CDCDCB;
  transition: all 400ms;
}

.logo-p {
  font-size: 18px;
  font-family: "Bebas Neue", cursive;
  color: #2B2B2B;
}

.nav-item {
  font-size: 30px;
  font-family: "Space Mono", monospace;
  padding: 0px 10px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .nav-item {
    font-size: 20px;
  }
}
.nav-item a {
  color: #40454B;
}
.nav-item a:hover {
  color: #CDCDCB;
}
.nav-item .nav-link:focus {
  color: #40454B;
}

.header {
  box-shadow: 0px 0px 70px #050709;
  margin-bottom: 30px;
  z-index: 5;
}

.carousel-img {
  max-height: 600px;
}

.carousel-inner {
  min-width: 380px;
  max-width: 1200px;
  margin: auto;
}

.portfolio {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 100px;
}
.portfolio__img-w, .proyect__img {
  border-radius: 20px;
  min-width: 400px;
  max-width: 600px;
  box-shadow: 3px 3px 5px #2B2B2B;
}
@media (max-width: 1199px) {
  .portfolio__img-w, .proyect__img {
    width: 250px;
  }
}
.portfolio__text {
  font-family: "Bebas Neue", cursive;
  margin-top: 50px;
}
.portfolio__text--h4 {
  font-size: 35px;
  color: #CDCDCB;
}
@media (max-width: 1199px) {
  .portfolio__text--h4 {
    font-size: 33px;
  }
}
.portfolio__text--h1 {
  font-size: 90px;
  font-weight: bold;
  text-shadow: 0px 0px 30px #CDCDCB;
  padding: 20px 0px;
}
@media (max-width: 1199px) {
  .portfolio__text--h1 {
    font-size: 60px;
  }
}
.portfolio__text--fe {
  font-size: 35px;
}
.portfolio__btn {
  width: 100px;
  text-decoration: none;
  color: #2B2B2B;
  background-color: #CDCDCB;
  font-size: 20px;
  font-weight: bold;
  font-family: "Bebas Neue", cursive;
  border-radius: 20px;
  padding: 6px;
  transition: 400ms;
}
.portfolio__btn:hover {
  font-size: 22px;
  color: #2B2B2B;
}

.proyect__text {
  font-family: "Bebas Neue", cursive;
  text-align: center;
  padding-top: 100px;
}
.proyect__text-h3 {
  font-size: 50px;
  font-weight: bolder;
  color: #2B2B2B;
  text-shadow: 0px 0px 20px #CDCDCB;
}
.proyect__text-p {
  font-size: 25px;
  transition: 400ms;
  color: #CDCDCB;
}

.sec4__title {
  text-align: center;
  font-family: "Bebas Neue", cursive;
  font-size: 50px;
  color: #2B2B2B;
  font-weight: bolder;
  text-shadow: 0px 0px 20px #CDCDCB;
}

.card {
  border-radius: 10px;
  padding-top: 20px;
  font-weight: 600;
  font-family: "Bebas Neue", cursive;
  width: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background-color: #40454B;
  color: #40454B;
  box-shadow: 0px 0px 5px #CDCDCB;
}
.card__title {
  font-size: 40px;
  color: #CDCDCB;
  text-shadow: 0px 0px 5px #050709;
}
.card__title-h3 {
  font-size: 30px;
  color: #CDCDCB;
  text-shadow: 0px 0px 3px #050709;
}
.card__text-p {
  font-size: 18px;
  padding: 5px;
  color: #050709;
  text-align: left;
  transition: 400ms;
}
.card__text-p:hover {
  color: #CDCDCB;
}

.main__btn {
  margin-top: 30px;
  width: 180px;
  margin-right: 30px;
  border-radius: 20px;
  border: none;
  text-align: center;
  transition: all 400ms;
}
.main__btn:hover {
  transform: scale(1.1);
}

.catchrunner {
  width: 90%;
  background: rgb(212, 223, 238);
  background: linear-gradient(270deg, rgb(212, 223, 238) 0%, rgb(71, 101, 145) 100%);
  border-radius: 50px;
  box-shadow: 0px 0px 10px #CDCDCB;
  font-family: "Press Start 2P", cursive;
}
.catchrunner__title {
  display: flex;
  justify-content: center;
  align-items: center;
}
.catchrunner__title-h1 {
  font-size: 25px;
  color: #FFE271;
  text-shadow: 0px 0px 3px #000;
  margin-top: 70px;
}
@media (max-width: 777px) {
  .catchrunner__title-h1 {
    font-size: 18px;
  }
}
.catchrunner__title-img {
  width: 150px;
}
@media (max-width: 777px) {
  .catchrunner__title-img {
    width: 130px;
  }
}
.catchrunner__description {
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.catchrunner__description-h2 {
  width: 50%;
  font-size: 20px;
  color: #D4DFEE;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
  margin-right: 20px;
}
@media (max-width: 777px) {
  .catchrunner__description-h2 {
    font-size: 12px;
  }
}
.catchrunner__description-h2 span {
  font-size: 23px;
  font-weight: bold;
  color: #FFE271;
  text-shadow: 0px 0px 3px #000;
}
@media (max-width: 777px) {
  .catchrunner__description-h2 span {
    font-size: 14px;
  }
}
.catchrunner__description-img {
  width: 50%;
  width: 400px;
  border-radius: 20px;
  box-shadow: 0px 0px 10px #000;
}
@media (max-width: 777px) {
  .catchrunner__description-img {
    display: none;
  }
}

.marquee {
  margin-top: 20px;
}
.marquee__a {
  text-decoration: none;
  color: #FFE271;
  text-shadow: 0px 0px 5px #476591;
  transition: 300ms;
}
.marquee__a:hover {
  color: #050709;
}
.marquee__a-img {
  width: 200px;
}

.lv1 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv1 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv1 .stickman {
  width: 130px;
  margin-top: 260px;
}

.lv2 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv2 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv2 .stickman {
  width: 130px;
  margin-top: 260px;
}

.lv3 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv3 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv3 .stickman {
  width: 130px;
  margin-top: 260px;
}

.lv4 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel4.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv4 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv4 .stickman {
  width: 130px;
  margin-top: 260px;
}

.lv5 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel5.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv5 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv5 .stickman {
  width: 130px;
  margin-top: 260px;
}

.lv6 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel6.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv6 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv6 .stickman {
  width: 130px;
  margin-top: 260px;
}

.lv7 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel7.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv7 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv7 .stickman {
  width: 130px;
  margin-top: 260px;
}

.lv8 {
  width: 90%;
  margin: auto;
  background-image: url("../img/running/nivel8.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px;
  border-radius: 50px;
}
.lv8 .niveles {
  color: #FFE271;
  font-size: 45px;
  text-shadow: 0px 0px 3px #000;
  text-align: center;
}
.lv8 .stickman {
  width: 130px;
  margin-top: 260px;
}

.finish {
  width: 90%;
  text-align: center;
  font-family: "Press Start 2P", cursive;
  background: rgb(212, 223, 238);
  background: linear-gradient(270deg, rgb(212, 223, 238) 0%, rgb(71, 101, 145) 100%);
  border-radius: 50px;
  box-shadow: 0px 0px 10px #CDCDCB;
}
.finish__text {
  padding: 50px;
  color: #D4DFEE;
  text-shadow: 0px 0px 3px #000;
}
.finish__text-h1 {
  font-size: 35px;
  color: #FFE271;
}
@media (max-width: 777px) {
  .finish__text-h1 {
    font-size: 20px;
  }
}
.finish__text-h3 {
  padding-top: 50px;
}
@media (max-width: 777px) {
  .finish__text-h3 {
    font-size: 18px;
    text-align: center;
  }
}
.finish__a {
  font-size: 30px;
  text-decoration: none;
  color: #476591;
  text-shadow: 0px 0px 3px #000;
}
@media (max-width: 777px) {
  .finish__a {
    font-size: 16px;
  }
}

.main__btn {
  margin-top: 30px;
  width: 180px;
  margin-right: 30px;
  border-radius: 20px;
  border: none;
  text-align: center;
  transition: all 400ms;
}
.main__btn:hover {
  transform: scale(1.1);
}

.contact {
  font-family: "Space Mono", monospace;
}
.contact__title {
  border-radius: 10px;
}
.contact__title-h1 {
  color: #CDCDCB;
  font-size: 35px;
}

.contact__center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact__center--form {
  min-width: 380px;
  width: 400px;
}
.contact__center--form-container {
  margin: 10px 0px;
  background-color: none;
  border: none;
}
.contact__center--form-container .input__msj {
  width: 100%;
  color: #CDCDCB;
  text-align: center;
  border: none;
  background-color: #222222;
  border-bottom: 2px solid #40454B;
  font-size: 18px;
  border-radius: 5px;
  transition: 400ms;
}
.contact__center--form-container .input__msj:hover {
  background-color: #40454B;
}
.contact__center--form-container .btn__contact {
  background-color: #CDCDCB;
  width: 100%;
  border: none;
  border-radius: 5px;
  color: #2B2B2B;
  font-size: 22px;
  font-weight: bold;
  transition: 400ms;
}
.contact__center--form-container .btn__contact:hover {
  color: #CDCDCB;
  background-color: #40454B;
  font-size: 23px;
  text-shadow: 0px 0px 3px #000;
}

.main__btn {
  margin-top: 30px;
  width: 180px;
  margin-right: 30px;
  border-radius: 20px;
  border: none;
  text-align: center;
  transition: all 400ms;
}
.main__btn:hover {
  transform: scale(1.1);
}

.galery {
  font-family: "Space Mono", monospace;
}
.galery__title {
  text-align: center;
  color: #CDCDCB;
  margin-bottom: 20px;
}
.galery__title-s {
  font-size: 40px;
}
.galery__imgs--container {
  padding: 3px;
}
.galery__imgs--container-img {
  width: 100%;
  height: 250px;
  transition: 400ms;
  border-radius: 5px;
}

body {
  width: 100%;
  background: #050709;
  background: linear-gradient(67deg, rgb(5, 7, 9) 0%, rgb(34, 34, 34) 94%);
}

.presentacion {
  width: 100%;
  border-radius: 50px;
  font-family: "Fredoka One", cursive;
  text-align: center;
  color: #CDCDCB;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 20px;
  z-index: -1;
}
.presentacion__h2 {
  font-size: 40px;
}
.presentacion__p {
  font-size: 50px;
}

.main {
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: "Space Mono", monospace;
  padding-top: 30px;
  position: relative;
}
.main__redes {
  padding-top: 50px;
  font-size: 25px;
  display: flex;
  gap: 1rem;
}
.main__redes a {
  color: #40454B;
}
.main__redes a:hover {
  color: #CDCDCB;
}
.main__redes .linea {
  width: 100px;
  height: 2px;
  margin-top: 15px;
  background-color: #2B2B2B;
}
.main__text--hello {
  padding-top: 50px;
  color: #40454B;
  font-size: 60px;
  text-align: center;
}
@media (max-width: 992px) {
  .main__text--hello {
    font-size: 45px;
  }
}
.main__text--hello span {
  font-weight: 600;
  color: #CDCDCB;
  font-size: 50px;
}
@media (max-width: 992px) {
  .main__text--hello span {
    font-size: 35px;
  }
}
.main__text--welcome {
  padding-top: 50px;
  font-size: 40px;
  font-family: "Space Mono", monospace;
  transition: 800ms;
  color: #CDCDCB;
}
@media (max-width: 992px) {
  .main__text--welcome {
    font-size: 35px;
    text-align: center;
  }
}
.main__btn {
  background-color: #CDCDCB;
  color: #2B2B2B;
}
.main__btn a {
  text-decoration: none;
  font-family: "Space Mono", monospace;
  font-size: 20px;
  font-weight: 600;
  color: #40454B;
}
.main__nextpage {
  padding-top: 110px;
  font-size: 40px;
  font-weight: 600;
  text-shadow: 0px 0px 3px #CDCDCB;
}
@media (max-width: 992px) {
  .main__nextpage {
    padding-top: 70px;
    font-size: 25px;
  }
}
.main__nextpage a {
  color: #222222;
  transition: 400ms;
}
.main__nextpage a:hover {
  color: #40454B;
}
.main__wave {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.sec2 {
  background-color: #CDCDCB;
  padding-top: 50px;
}
.sec2__title {
  text-align: center;
  font-family: "Space Mono", monospace;
  font-size: 50px;
  color: #40454B;
  transition: 600ms;
}
@media (max-width: 992px) {
  .sec2__title {
    font-size: 35px;
  }
}
.sec2__title:hover {
  color: #050709;
}

.tools {
  text-align: center;
}
.tools__a--img {
  width: 100px;
  margin: 20px 0px;
  transition: 200ms;
}
.tools__a--img:hover {
  border-radius: 50%;
  box-shadow: 0px 0px 7px #000;
  padding: 5px;
}
@media (max-width: 992px) {
  .tools__a--img {
    width: 80px;
  }
}
.tools__a--imgS {
  width: 100px;
  height: 100px;
  margin: 20px 0px;
  transition: 200ms;
}
.tools__a--imgS:hover {
  border-radius: 50%;
  box-shadow: 0px 0px 7px #000;
  padding: 5px;
}
@media (max-width: 992px) {
  .tools__a--imgS {
    width: 80px;
    height: 80px;
  }
}
.tools__text {
  font-size: 18px;
  color: #40454B;
  font-family: "Bebas Neue", cursive;
  font-weight: 400;
  transition: 400ms;
}
.tools__text:hover {
  color: #050709;
}

.btn__nextpage {
  padding-top: 80px;
  padding-bottom: 30px;
  font-size: 40px;
  font-weight: 600;
}
@media (max-width: 992px) {
  .btn__nextpage {
    padding-top: 50px;
    font-size: 25px;
  }
}
.btn__nextpage a {
  color: #222222;
  transition: 400ms;
}
.btn__nextpage a:hover {
  color: #40454B;
}

.sect3 {
  position: relative;
}
.sect3__wave {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.sec3 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 992px) {
  .sec3 {
    text-align: center;
  }
}
.sec3__text {
  padding-top: 50px;
  font-family: "Space Mono", monospace;
}
.sec3__text--h2 {
  font-size: 50px;
  color: #CDCDCB;
}
@media (max-width: 992px) {
  .sec3__text--h2 {
    font-size: 35px;
  }
}
.sec3__text--h2 .profe, .sec3__text--h2 .tutor, .sec3__text--h2 .alumno {
  font-size: 30px;
  color: #40454B;
  transition: 600ms;
}
@media (max-width: 992px) {
  .sec3__text--h2 .profe, .sec3__text--h2 .tutor, .sec3__text--h2 .alumno {
    font-size: 28px;
  }
}
.sec3__text--h2 .profe:hover, .sec3__text--h2 .tutor:hover, .sec3__text--h2 .alumno:hover {
  color: #CDCDCB;
}
.sec3__text--p {
  font-size: 23px;
  transition: 600ms;
  color: #CDCDCB;
}
@media (max-width: 992px) {
  .sec3__text--p {
    font-size: 18px;
  }
}
.sec3__img {
  padding-top: 50px;
}
@media (max-width: 992px) {
  .sec3__img {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
  }
}
.sec3__img-t {
  width: 350px;
  border-radius: 50%;
  box-shadow: 0px 0px 10px #CDCDCB;
}
@media (max-width: 992px) {
  .sec3__img-t {
    width: 250px;
  }
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-color: #CDCDCB;
  height: 200px;
  margin-top: 50px;
  box-shadow: 0px 0px 20px #40454B;
}
.footer__redes {
  margin-top: 20px;
  font-size: 25px;
}
.footer__redes a {
  color: #40454B;
}
.footer__redes a:hover {
  color: #222222;
}
.footer__redes a i {
  padding: 10px;
}
.footer__copyr--txt {
  font-size: 18px;
  font-family: "Space Mono", monospace;
  color: #2B2B2B;
  padding-bottom: 10px;
}

.btn-uppage {
  font-size: 40px;
  font-weight: 600;
  position: absolute;
  bottom: 70px;
  right: 80px;
}
@media (max-width: 992px) {
  .btn-uppage {
    font-size: 20px;
    right: 30px;
    bottom: 150px;
  }
}
.btn-uppage a {
  color: #40454B;
  transition: 400ms;
}
.btn-uppage a:hover {
  color: #222222;
}

.botn__whatsapp {
  background-color: #CDCDCB;
  bottom: 35px;
  right: 35px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  font-size: 30px;
  color: #050709;
  box-shadow: 0px 0px 5px #050709;
  transition: 300ms;
}
.botn__whatsapp:hover {
  color: #050709;
  transform: scale(1.1);
}

/*# sourceMappingURL=style.css.map */