:root {
  --label-color: #6E3B59;
  --action-color: #D158AD;
  --action-shadow: #ff6be6;
}

* {
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
}

header {
  margin: 20px;
}
header .logo {
  max-width: 114px;
}

h2 {
  color: #143652;
}

.btn {
  min-width: 300px;
  border-radius: 12px;
  padding: 15px 25px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid white;
  color: white;
  background-color: var(--action-color);
  box-shadow: 0px 2px 6px 0px var(--action-shadow);
  letter-spacing: 1px;
  font-size: larger;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: 0.2s;
}
.btn:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: 0.2;
  position: absolute;
  top: -50px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: -10;
}
.btn:hover {
  backdrop-filter: saturate(80%);
  background-color: var(--action-shadow);
  transition: 0.2s;
  box-shadow: 0px 4px 16px 0px var(--action-shadow);
}
.btn:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.first_screen {
  margin-top: 10px;
  background: linear-gradient(#fff, #EDF5FB);
}
.first_screen .info {
  display: grid;
  justify-items: center;
  margin: 0 20px;
}
.first_screen .info .time {
  display: block;
  width: 100%;
  text-align: left;
  font-weight: bold;
}
.first_screen .info h1 {
  margin-top: 10px;
  font-size: xx-large;
}
.first_screen .info .label {
  margin: 20px 0 -20px 0;
  background-color: var(--label-color);
  color: white;
  text-transform: uppercase;
  padding: 6px 25px;
  border-radius: 22px;
  font-weight: bold;
}
.first_screen .background {
  background-image: url("/assets/images/main_picture.png");
  min-height: 524px;
  background-size: cover;
  background-repeat: no-repeat;
}
.first_screen .background .space {
  min-height: 524px;
}
.first_screen .action {
  display: grid;
}
.first_screen .action .address {
  margin: 18px auto;
  font-weight: bold;
}

.about {
  margin: 0 20px;
  margin-bottom: 20px;
  display: grid;
  justify-items: start;
}
.about h2 {
  width: 100%;
  margin: 25px 0 15px 0;
  text-wrap: wrap;
}
.about img {
  width: 100%;
  display: block;
  align-self: stretch;
  border-radius: 2px;
}
.about p {
  margin: 15px 0 0 0;
}

.program, .for_whom, .where, .application {
  margin: 0 20px;
  margin-bottom: 20px;
  display: grid;
  justify-items: start;
}
.program h2, .for_whom h2, .where h2, .application h2 {
  width: 100%;
  margin: 25px 0 15px 0;
  text-wrap: wrap;
}
.program p, .for_whom p, .where p, .application p {
  margin: 15px 0 0 0;
}

.price {
  margin: 0 20px;
  margin-bottom: 20px;
}
.price h2 {
  width: 100%;
  margin: 25px 0 15px 0;
  text-wrap: wrap;
}
.price p {
  margin: 15px 0 0 0;
}
.price .packages {
  display: grid;
  gap: 20px;
}
.price .packages .package {
  background: linear-gradient(#F1F4F4, #E5EFF0);
  border-radius: 12px;
  padding: 15px;
  width: calc(100% - 40px);
}
.price .packages .package h3 {
  width: 100%;
  text-align: center;
}
.price .packages .package .price_item {
  margin-top: 10px;
  border: 2px whitesmoke;
  padding: 10px;
  text-align: center;
  background-color: white;
  border-radius: 12px;
}
.price .packages .package .price_item span {
  font-size: smaller;
}
.price .packages .package .places {
  display: block;
  margin-top: 10px;
  font-size: smaller;
  position: relative;
  text-indent: 16px;
}
.price .packages .package .places::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: greenyellow;
  left: 0;
  top: 2px;
  box-shadow: 0px 0px 6px 0px rgb(55, 207, 0);
}
.price .packages .sport {
  background: linear-gradient(#F1F4F4, #ABD3D8);
}

.application .links {
  width: 100%;
  display: grid;
  gap: 15px;
  margin: 10px 0;
}
.application .links .link {
  min-width: 300px;
  padding: 10px 15px;
  text-align: center;
  display: block;
  background-color: #ABD3D8;
  border-radius: 12px;
  border: 3px solid lightblue;
  text-decoration: none;
  cursor: pointer;
  color: black;
  font-weight: bold;
  font-size: large;
}
.application .links .whatsapp {
  background-color: #435964;
}
.application .links .whatsapp img {
  max-height: 50px;
}

footer {
  display: grid;
  justify-items: center;
  margin: 30px;
}
footer img {
  height: 35px;
  margin-bottom: 5px;
}
footer span {
  font-weight: bold;
  font-size: smaller;
}

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