ഫലകം:പ്രധാനതാൾ-സ്വാഗതം/styles.css

/*Design css for responsive Welcome Box - മൊബൈലിൽ പ്രവർത്തിക്കുന്ന സ്വാഗതം ടെംപ്ലേറ്റിന്റെ സ്റ്റൈൽ ഷീറ്റ് */
    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
     border: 1px solid #BBBBBB;
     border-radius:10px;
    padding:20px;
    }

    .centered-text {
      text-align: center;
      font-size: 24px;
      line-height: 1.5;
    }

    .icon-list {
      display: flex;
      justify-content: space-around;
      margin-top: 20px;
      flex-wrap: wrap; /* This will make the icons wrap to a new line if the screen is too narrow */
    }

    .icon-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 10px; /* Add some margin to create spacing between icons */
    }
    .bottom-icons {
      display: flex;
      justify-content: space-between; /* This will distribute space between the two icons */
      width: 100%;
    }

    .bottom-icon {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
.icon-item figure span img {width:40px !important; height:40px !important;}