a{
    text-decoration: none;
}

:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC",
      "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei",
      "Source Han Sans CN", sans-serif;
      background-color: #e2e2e2;
  }
  
  .main-container {
    overflow: hidden;
  }
  
  .main-container,
  .main-container * {
    box-sizing: border-box;
  }
  
  input,
  select,
  textarea,
  button {
    outline: 0;
  }
  
  .main-container {
    position: relative;
    width: 973px;
    height: 779px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0);
    overflow: hidden;
  }
  .root {
    position: absolute;
    height: 779px;
    top: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
  }
  .rectangle {
    position: absolute;
    width: 973px;
    height: 779px;
    top: 0;
    left: 0;
    background: #e2e2e2;
    z-index: 1;
  }
  .flex-column-f {
    position: absolute;
    top: 119px;
    right: 349px;
    bottom: 114px;
    left: 356px;
    z-index: 39;
  }
  .rectangle-1 {
    position: relative;
    width: 267px;
    height: 203px;
    margin: 177px 0 0 1px;
    background: #fffffc;
    z-index: 18;
    overflow: visible auto;
  }
  .main {
    position: relative;
    width: 243px;
    height: 182px;
    margin: 10px 0 0 11px;
    background: url(cdn/main.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 53;
  }
  .groups {
    position: absolute;
    width: 136px;
    height: 171px;
    right: 6px;
    bottom: 375px;
    background: rgba(0, 0, 0, 0);
    z-index: 39;
  }
  .groups-2 {
    position: absolute;
    width: 136px;
    height: 171px;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 44;
  }
  .rectangle-3 {
    position: relative;
    width: 133px;
    height: 165px;
    margin: 3px 0 0 0;
    background: #fffffc;
    z-index: 2;
    overflow: visible auto;
  }
  .background {
    position: relative;
    width: 127px;
    height: 158px;
    margin: 3px 0 0 3px;
    background: #d80000;
    z-index: 40;
  }
  .background-4 {
    position: absolute;
    width: 127px;
    height: 158px;
    right: 0;
    bottom: 0;
    background: #d80000;
    z-index: 45;
  }
  .flex-row-fd {
    position: relative;
    width: 113px;
    height: 18px;
    margin: 13px 0 0 8px;
    z-index: 47;
  }
  .elementeam {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    height: 18px;
    right: 0;
    bottom: 0;
    color: #f7ce00;
    font-family: Inter, var(--default-font-family);
    font-size: 15.899999618530273px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    white-space: nowrap;
    z-index: 42;
  }
  .elementeam-5 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    height: 18px;
    right: 0;
    bottom: 0;
    color: #f7ce00;
    font-family: Inter, var(--default-font-family);
    font-size: 15.899999618530273px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    white-space: nowrap;
    z-index: 47;
  }
  .flex-row {
    position: relative;
    width: 100px;
    height: 14px;
    margin: 4px 0 0 13px;
    z-index: 46;
  }
  .oz-deti-a-mladez {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    height: 14px;
    right: 0;
    bottom: 0;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 11.199999809265137px;
    font-weight: 600;
    line-height: 13.555px;
    text-align: left;
    white-space: nowrap;
    z-index: 41;
  }
  .oz-deti-a-mladez-6 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    height: 14px;
    right: 0;
    bottom: 0;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 11.199999809265137px;
    font-weight: 600;
    line-height: 13.555px;
    text-align: left;
    white-space: nowrap;
    z-index: 46;
  }
  .elementeam-logo {
    position: relative;
    width: 67px;
    height: 82px;
    margin: 12px 0 0 29px;
    background: url(cdn/logo.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 43;
    overflow: visible auto;
  }

  .rectangle-8 {
    position: absolute;
    width: 107px;
    height: 127px;
    top: 41px;
    left: 6px;
    background: #fffffc;
    z-index: 3;
  }
  .image {
    position: relative;
    width: 90px;
    height: 119px;
    margin: 5px 0 0 10px;
    background: url(cdn/image_3.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 49;
  }
  .groups-9 {
    position: absolute;
    width: 142px;
    height: 127px;
    right: 126px;
    bottom: 35px;
    background: rgba(0, 0, 0, 0);
    z-index: 25;
  }
  .rectangle-a {
    position: relative;
    width: 142px;
    height: 125px;
    margin: 2px 0 0 1px;
    background: #fffffc;
    z-index: 11;
    overflow: visible auto;
  }
  .background-b {
    position: relative;
    width: 132px;
    height: 114px;
    margin: 5px 0 0 5px;
    background: #f9cc35;
    z-index: 26;
  }
  .kontakty {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    height: 26px;
    right: 2px;
    bottom: 44px;
    color: #4e3210;
    font-family: Inter, var(--default-font-family);
    font-size: 22.399999618530273px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    white-space: nowrap;
    z-index: 27;
  }
  .rectangle-c {
    position: absolute;
    width: 109px;
    height: 160px;
    top: 386px;
    left: 152px;
    background: #fffffc;
    z-index: 12;
  }
  .image-d {
    position: relative;
    width: 97px;
    height: 146px;
    margin: 6px 0 0 7px;
    background: url(cdn/qep.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 59;
  }
  .flex-column-aaa {
    position: absolute;
    top: 163px;
    right: 85px;
    bottom: 166px;
    left: 625px;
    z-index: 36;
  }
  .rectangle-e {
    position: relative;
    width: 176px;
    height: 105px;
    margin: 95px 0 0 17px;
    background: #fffffc;
    z-index: 17;
    overflow: visible auto;
  }
  .left {
    position: relative;
    width: 147px;
    height: 98px;
    margin: 4px 0 0 17px;
    background: url(cdn/left.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 52;
  }
  .groups-f {
    position: absolute;
    width: 80px;
    height: 84px;
    right: 183px;
    bottom: 366px;
    background: rgba(0, 0, 0, 0);
    z-index: 36;
  }
  .rectangle-10 {
    position: absolute;
    width: 79px;
    height: 78px;
    top: 5px;
    left: 3px;
    background: #fffffc;
    z-index: 19;
  }
  .rectangle-11 {
    position: absolute;
    width: 71px;
    height: 70px;
    top: 3px;
    left: 4px;
    background: #565656;
    z-index: 20;
  }
  .foto {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 44px;
    height: 17px;
    right: 16px;
    bottom: 42px;
    color: #d1d128;
    font-family: Bangers, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 17px;
    text-align: center;
    white-space: nowrap;
    z-index: 38;
  }
  .galeria {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 71px;
    height: 21px;
    right: 2px;
    bottom: 23px;
    color: #d1d128;
    font-family: Bangers, var(--default-font-family);
    font-size: 20px;
    font-weight: 400;
    line-height: 21px;
    text-align: center;
    white-space: nowrap;
    z-index: 37;
  }
  .groups-12 {
    position: absolute;
    width: 111px;
    height: 166px;
    right: 149px;
    bottom: 77px;
    background: rgba(0, 0, 0, 0);
    z-index: 28;
  }
  .rectangle-13 {
    position: relative;
    width: 109px;
    height: 154px;
    margin: 5px 0 0 2px;
    background: #fffffc;
    z-index: 15;
    overflow: visible auto;
  }
  .background-14 {
    position: relative;
    width: 99px;
    height: 145px;
    margin: 5px 0 0 4px;
    font-size: 0px;
    background: #b0d00e;
    z-index: 29;
    overflow: visible auto;
  }
  .imatrix {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 95px;
    height: 19px;
    margin: 32px 0 0 1px;
    color: #5c8839;
    font-family: Bangers, var(--default-font-family);
    font-size: 32px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    white-space: nowrap;
    z-index: 31;
  }
  .letny-tabor-repi {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 97px;
    height: 49px;
    margin: 16px 0 0 1px;
    color: #5a873a;
    font-family: Inter, var(--default-font-family);
    font-size: 17.5px;
    font-weight: 400;
    line-height: 20.572px;
    text-align: center;
    text-overflow: initial;
    z-index: 30;
    overflow: hidden;
  }
  .rectangle-15 {
    position: absolute;
    width: 140px;
    height: 105px;
    top: 208px;
    left: 123px;
    background: #fffffc;
    z-index: 16;
  }
  .left-16 {
    position: relative;
    width: 131px;
    height: 96px;
    margin: 5px 0 0 6px;
    background: url(cdn/left16.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 56;
  }
  .groups-17 {
    position: absolute;
    width: 84px;
    height: 78px;
    right: 58px;
    bottom: 53px;
    background: rgba(0, 0, 0, 0);
    z-index: 21;
  }
  .rectangle-18 {
    position: relative;
    width: 79px;
    height: 75px;
    margin: 3px 0 0 3px;
    background: #fffffc;
    z-index: 14;
    overflow: visible auto;
  }
  .button {
    position: relative;
    width: 78px;
    height: 72px;
    margin: 0 0 0 0;
    background: rgba(0, 0, 0, 0);
    z-index: 22;
    overflow: visible auto;
  }
  .background-19 {
    position: relative;
    width: 72px;
    height: 65px;
    margin: 5px 0 0 4px;
    background: #000063;
    z-index: 23;
  }
  .stretchavky-vedcic {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    width: 66px;
    height: 29px;
    right: 0.67px;
    bottom: 21px;
    color: #b5b5d1;
    font-family: Inter, var(--default-font-family);
    font-size: 10.600000381469727px;
    font-weight: 400;
    line-height: 12.029px;
    text-align: left;
    text-overflow: initial;
    z-index: 24;
    overflow: hidden;
  }
  .rectangle-1a {
    position: absolute;
    width: 95px;
    height: 66px;
    top: 384px;
    left: 13px;
    background: #fffffc;
    z-index: 13;
  }
  .image-1b {
    position: relative;
    width: 88px;
    height: 59px;
    margin: 5px 0 0 3px;
    background: url(cdn/right2.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 60;
  }
  .flex-column-f-1c {
    position: absolute;
    top: 214px;
    right: 622px;
    bottom: 166px;
    left: 235px;
    z-index: 32;
  }
  .rectangle-1d {
    position: relative;
    width: 109px;
    height: 100px;
    margin: 0 0 0 4px;
    background: #fffffc;
    z-index: 4;
    overflow: visible auto;
  }
  .image-1e {
    position: relative;
    width: 64px;
    height: 85px;
    margin: 9px 0 0 24px;
    background: url(cdn/mnf.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 50;
  }
  .rectangle-1f {
    position: relative;
    width: 109px;
    height: 72px;
    margin: 7px 0 0 4px;
    background: #fffffc;
    z-index: 6;
    overflow: visible auto;
  }
  .left-20 {
    position: relative;
    width: 82px;
    height: 62px;
    margin: 6px 0 0 14px;
    background: url(cdn/left1.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 54;
  }
  .groups-21 {
    position: relative;
    width: 116px;
    height: 151px;
    margin: 6px 0 0 0;
    background: rgba(0, 0, 0, 0);
    z-index: 32;
    overflow: visible auto;
  }
  .rectangle-22 {
    position: relative;
    width: 109px;
    height: 145px;
    margin: 3px 0 0 4px;
    background: #fffffc;
    z-index: 9;
    overflow: visible auto;
  }
  .background-23 {
    position: relative;
    width: 103px;
    height: 138px;
    margin: 4px 0 0 3px;
    font-size: 0px;
    background: #8a395e;
    border: 1px solid #8e3477;
    z-index: 33;
    overflow: visible auto;
  }
  .haluz {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 92px;
    height: 29px;
    margin: 38px 0 0 6px;
    color: #e7bb35;
    font-family: Inter, var(--default-font-family);
    font-size: 25.899999618530273px;
    font-weight: 600;
    line-height: 29px;
    text-align: center;
    white-space: nowrap;
    z-index: 35;
  }
  .jesenny-tabor {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 69px;
    height: 37px;
    margin: 7px 0 0 16px;
    color: #ffffff;
    font-family: Inter, var(--default-font-family);
    font-size: 16.200000762939453px;
    font-weight: 600;
    line-height: 16.602px;
    text-align: center;
    text-overflow: initial;
    z-index: 34;
    overflow: hidden;
  }
  .rectangle-24 {
    position: relative;
    width: 79px;
    height: 56px;
    margin: 7px 0 0 34px;
    background: #fffffc;
    z-index: 10;
    overflow: visible auto;
  }
  .left-25 {
    position: relative;
    width: 73px;
    height: 49px;
    margin: 4px 0 0 4px;
    background: url(cdn/left6.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 57;
  }
  .flex-column-ec {
    position: absolute;
    width: 155px;
    height: 294px;
    top: 252px;
    left: 72px;
    z-index: 8;
  }
  .rectangle-26 {
    position: relative;
    width: 71px;
    height: 78px;
    margin: 0 0 0 84px;
    background: #fffffc;
    z-index: 5;
    overflow: visible auto;
  }
  .image-27 {
    position: relative;
    width: 53px;
    height: 70px;
    margin: 5px 0 0 10px;
    background: url(cdn/right5.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 51;
  }
  .rectangle-28 {
    position: relative;
    width: 155px;
    height: 97px;
    margin: 12px 0 0 0;
    background: #fffffc;
    z-index: 7;
    overflow: visible auto;
  }
  .image-29 {
    position: relative;
    width: 145px;
    height: 90px;
    margin: 4px 0 0 7px;
    background: url(cdn/def.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 55;
  }
  .rectangle-2a {
    position: relative;
    width: 92px;
    height: 96px;
    margin: 11px 0 0 63px;
    background: #fffffc;
    z-index: 8;
    overflow: visible auto;
  }
  .image-2b {
    position: relative;
    width: 80px;
    height: 60px;
    margin: 16px 0 0 6px;
    background: url(cdn/pev.jpg)
      no-repeat center;
    background-size: cover;
    z-index: 58;
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.navbar {
    display: flex;
    align-items: center;
    justify-content: center; /* Centers text horizontally */
    background: linear-gradient(145deg, #ff4b4b, #d30000); /* Red shades */
    padding: 10px 20px;
    height: 60px;
    border: 1px solid black; /* 1px black solid border */
}

.logo {
    height: 40px;
    margin-right: 20px;
}

.navbar-text {
    font-family: 'Lexend', sans-serif;
    font-weight: bold;
    font-size: 24px;
    color: white;
}