body {
    padding-left: 0;
    padding-right: 0;
    margin: 0%;
    background: #212121;
    background: radial-gradient(circle, rgba(33, 33, 33, 1) 0%, rgba(18, 18, 18, 1) 100%);
}

.header {
    max-width: 100%;
    padding: 1px;
    margin: 0 auto;
    background:
      conic-gradient(at 50% calc(100%/6),#005e34 60deg,#0000 0),
      conic-gradient(at calc(100%/6) 50%,#0000 240deg,#005e34 0),
      conic-gradient(from 180deg at calc(100%/6) calc(500%/6),#005e34 60deg,#0000 0),
      conic-gradient(from 180deg at calc(500%/6),#0000 240deg,#005e34 0) calc(4*.866*5px) 0,
      repeating-linear-gradient(-150deg,#00562f 0 calc(100%/6),#0000   0 50%),
      repeating-linear-gradient(-30deg, #006035 0 calc(100%/6),#005931 0 50%);
    background-size: calc(6*.866*2px) calc(3*2px);
    color: whitesmoke;
    text-align: center;
    font-family: 'chalkduster';
    font-size: 1.5em;
    text-align: center;
}

.separator {
    padding: 3px;
    margin: 0 auto;
    background: #3C2417;
}

.contacts {
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0 auto;
    width: 100%;
    background:
      conic-gradient(at 50% calc(100%/6),#005e34 60deg,#0000 0),
      conic-gradient(at calc(100%/6) 50%,#0000 240deg,#005e34 0),
      conic-gradient(from 180deg at calc(100%/6) calc(500%/6),#005e34 60deg,#0000 0),
      conic-gradient(from 180deg at calc(500%/6),#0000 240deg,#005e34 0) calc(4*.866*5px) 0,
      repeating-linear-gradient(-150deg,#00562f 0 calc(100%/6),#0000   0 50%),
      repeating-linear-gradient(-30deg, #006035 0 calc(100%/6),#005931 0 50%);
    background-size: calc(6*.866*2px) calc(3*2px);
    color: whitesmoke;
    font-family: 'helvetica';
    font-size: 1em;
    text-align: center;
}

.img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3% auto;
    padding-bottom: 0px;
    padding-top: 0px;
    max-width: 50%;
    overflow: auto;
}

#main-img {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    border-radius: 20px;
    margin: 0 auto;
    filter: brightness(150%);
}

#border-img {
    max-width: 50%;
    height: auto;
    margin: 0 auto;
    border: solid #3C2417;
    border-width: 7px;
    border-radius: 1.8em;
}

.bottom-img-container {
    position: relative;
    text-align: center;
}

#bottom-img {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    margin: 0 auto;
    filter: opacity(30%);
}

.overlay-text {
  position: absolute;
  padding: 10px 20px; 
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  color: white; 
  font-size: 20px;
  font-family: Helvetica;
  text-align: center;
}