2019-02-07 17:55:20 +01:00
|
|
|
.container {
|
2019-12-02 22:54:01 +01:00
|
|
|
margin-left: 110px;
|
2016-10-02 17:07:47 +02:00
|
|
|
}
|
|
|
|
|
2018-11-12 23:27:49 +01:00
|
|
|
section {
|
2019-06-06 00:11:55 +02:00
|
|
|
width: 80%;
|
2019-02-07 17:55:20 +01:00
|
|
|
margin: 20px auto 0 auto;
|
2018-11-12 23:27:49 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
section h1 {
|
2019-02-03 01:11:03 +01:00
|
|
|
margin-top: 0;
|
2019-02-09 11:32:08 +01:00
|
|
|
border-bottom: 1px solid #d8d8d8;
|
|
|
|
font-family: Cantarell; font-weight: bold;
|
|
|
|
font-size: 26px; color: #101010;
|
2019-02-04 17:02:25 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
section h2 {
|
2019-02-07 17:55:20 +01:00
|
|
|
margin: 24px 0 16px 0;
|
|
|
|
border-bottom: 1px solid #d8d8d8;
|
|
|
|
font-family: Cantarell; font-weight: bold;
|
|
|
|
font-size: 18px; color: #101010;
|
|
|
|
padding-bottom: 2px;
|
2018-11-12 23:27:49 +01:00
|
|
|
}
|
|
|
|
|
2019-02-05 23:21:46 +01:00
|
|
|
section .avatar {
|
|
|
|
display: block;
|
2019-03-31 09:40:33 +02:00
|
|
|
width: 128px; height: 128px;
|
2019-02-05 23:21:46 +01:00
|
|
|
}
|
2019-12-10 22:27:39 +01:00
|
|
|
|
|
|
|
|
|
|
|
/* Some grid */
|
|
|
|
.flex-grid {
|
|
|
|
display: flex;
|
|
|
|
flex-flow: row wrap;
|
|
|
|
}
|
|
|
|
.flex-grid > * {
|
|
|
|
min-width: 250px;
|
|
|
|
flex: auto;
|
|
|
|
}
|
|
|
|
/* Two columns */
|
|
|
|
.flex-grid.fg2 > * {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
/* Three columns */
|
|
|
|
.flex-grid.fg3 > * {
|
|
|
|
width: 33%;
|
|
|
|
}
|
|
|
|
/* Four columns */
|
|
|
|
.flex-grid.fg4 > * {
|
|
|
|
width: 25%;
|
|
|
|
}
|