.img-size-mini {
    height: 1.3em;
    width: 1.3em;
}

.img-size-2 {
    height: 2em;
    width: 2em;
}

.img-size-3 {
    height: 3em;
    width: 3em;
}

.img-size-4 {
    height: 4em;
    width: 4em;
}

.img-size-6 {
    height: 6em;
    width: 6em;
}

.img-size-8 {
    height: 8em;
    width: 8em;
}





.padding-1 {
    padding: 1em;
}

.padding-2 {
    padding: 2em;
}



.margin-1 {
    margin: 1em;
}

.margin-2 {
    margin: 2em;
}




.div-style-one {
    padding: 2em;
    border-radius: 25px;
    margin: 2em;
}


.div-style-mini {
    padding: 1em;
    border-radius: 25px;
    margin: 1em;
}





.radius-25 {
    border-radius: 25px;
}

.border-1 {
    border: 1px solid gray;
}


.text-center {
    text-align: center;
}

.inline-flex {
    display: inline-flex;
}

.block {
    display: block;
}

.inline {
    display: inline;
}



.secondary-text {
    color: gray;
    font-size: small;
    font-family: Italic;
}



.font-1 {
  font-family: 'Caveat', cursive;
}









/* 7. Pulsing Glow Border */
.border-pulse {
  border: 3px solid #ff00ff;
  border-radius: 12px;
  animation: pulseGlow 1.5s infinite alternate;
}

@keyframes pulseGlow {
  0% { box-shadow: 0 0 5px #ff00ff; }
  100% { box-shadow: 0 0 20px #ff00ff; }
}