65 lines
988 B
CSS
65 lines
988 B
CSS
.wrapper {
|
|
margin: 0 auto;
|
|
width: 80%;
|
|
}
|
|
|
|
.cards {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.cards li {
|
|
display: flex;
|
|
flex-direction: column;
|
|
/*justify-content: space-between;*/
|
|
padding: 35px;
|
|
border-radius: 3rem;
|
|
/* background-color: rgba(255, 255, 255, 0.45);
|
|
box-shadow: 0rem 0rem 1rem #c8d0e7;*/
|
|
}
|
|
|
|
.flex-box {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.flex-box li {
|
|
flex: 1 1 200px;
|
|
margin: 10px;
|
|
}
|
|
|
|
.grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3,1fr);
|
|
/*grid-template-columns: repeat(auto-fill, minmax(200px 1fr));*/
|
|
grid-gap: 20px;
|
|
}
|
|
|
|
.silly-font {
|
|
font-family: 'Quicksand'
|
|
}
|
|
|
|
.center-this-shit {
|
|
text-align:center;
|
|
}
|
|
|
|
.nocent {
|
|
text-align:left;
|
|
}
|
|
|
|
.flex-buttons {
|
|
flex-wrap: wrap;
|
|
display: flex;
|
|
flex-direction:row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.grow-btn {
|
|
flex-grow: 1;
|
|
|
|
}
|
|
|
|
.fuck-all {
|
|
all: revert;
|
|
} |