.block{position: relative; display: block;}
.inline-block{position: relative; display: inline-block;}
.flex{position: relative; display: flex;}
.grid{position: relative; display: grid;}

.between{display: flex; justify-content: space-between;}
.around{display: flex; justify-content: space-around;}
.centered{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}

.flex-column{flex-flow: column;}
.flex-row{flex-flow: row;}
.flex-start{align-items: flex-start;}
.flex-center{align-items: center;justify-content: center;}
.flex-end{align-items: flex-end;}
.flex-wrap{flex-wrap: wrap;}
.flex-nowrap{flex-wrap: nowrap;}

.padd05{padding:0.5rem;} 
.padd08{padding:0.8rem;} 
.padd10{padding:1rem;} 
.padd20{padding:2rem;} 
.padd30{padding:3rem;} 
.padd40{padding:4rem;}

.top05{margin-top:0.5rem;}
.top10{margin-top:1rem;}
.top20{margin-top:2rem;}
.top30{margin-top:3rem;}
.top40{margin-top:4rem;}

.flex-grid{
    display: grid;
    grid-gap:1rem;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill,minmax(min(100%,30rem), 1fr));
    grid-auto-flow: dense;
}

.grid-fill2{grid-column: span 2;}
.grid-fill3{grid-column: span 3;}
.grid-fill4{grid-column: span 4;}
.grid-fill5{grid-column: span 5;}
.grid-fill6{grid-column: span 6;}
.grid-fill7{grid-column: span 7;}
.grid-fill8{grid-column: span 8;}

.nogap{grid-gap:unset;} 
.gap05{grid-gap: .5rem;}
.gap10{grid-gap: 1rem;}
.gap20{grid-gap: 2rem;}
.gap30{grid-gap: 3rem;}
.gap40{grid-gap: 4rem;}

.min-width-025{min-width: 25%;}
.min-width-050{min-width: 50%;}
.min-width-075{min-width: 75%;}
.min-width-100{min-width: 100%;}

.min-height-025{min-height: 25%;}
.min-height-050{min-height: 50%;}
.min-height-075{min-height: 75%;}
.min-height-100{min-height: 100%;}


.width-025{width: 25%;}
.width-040{width: 40%;}
.width-050{width: 50%;}
.width-060{width: 60%;}
.width-075{width: 75%;}
.width-100{width: 100%;}

.height-025{height: 25%;}
.height-050{height: 50%;}
.height-075{height: 75%;}
.height-100{height: 100%;}

.short{width: 4rem;}
.small{width: 8rem;}
.medium{width: 12rem;}
.large{width: 16rem;}
.xl{width: 20rem;}
.xxl{width: 24rem;}
.xxxl{width: 28rem;}