  main {
    background-color: transparent !important;
    border: 0px solid var(--borderMaincolor) !important;
    box-shadow: 0px 0px var(--borderMaincolor) !important;
    padding: 0px !important;
  }

  .mainbox {
    background-color: var(--mainBGcolor);
    border: 2px solid var(--borderMaincolor);
    box-shadow: 5px 5px var(--borderMaincolor);
    padding: 20px;
  }

  .dottedbox {
    border: 4px dotted var(--borderColor);
    padding: 10px;
    overflow: auto;
    width: 17.9rem;
    height: 14rem;
    font-size: 1rem;
  }

  #dotboxflex {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
    justify-content: center;
  }

  #imageweek {
    width: 250px;
    height: 250px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
  }

  #imageweek img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 5px solid var(--borderColor);
  }

