You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
54 lines
1.0 KiB
CSS
54 lines
1.0 KiB
CSS
1 year ago
|
|
||
|
|
/*CSS Reset*/
|
||
|
|
* {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Bootstrap Font*/
|
||
|
|
body {
|
||
|
|
font-family: "Helvetica Neue", sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.h-25 {
|
||
|
|
height: 25%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.p-3 {
|
||
|
|
padding: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bg-success {
|
||
|
|
background-color: forestgreen;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bg-warning {
|
||
|
|
background-color: orange;
|
||
|
|
}
|
||
|
|
|
||
|
|
.bg-danger {
|
||
|
|
background-color: darkred;
|
||
|
|
}
|
||
|
|
/* CSS and Bootstrap Flexbox */
|
||
|
|
.d-flex {
|
||
|
|
display: flex;
|
||
|
|
}
|
||
|
|
.justify-content-center {
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.align-items-center {
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.flex-column {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
.flex-column-reverse {
|
||
|
|
flex-direction: column-reverse;
|
||
|
|
}
|
||
|
|
|