140 lines
2.6 KiB
CSS
140 lines
2.6 KiB
CSS
|
@font-face {
|
||
|
|
font-family: "Archivo";
|
||
|
|
src: url(../media/Archivo-Regular.ttf) format('truetype');
|
||
|
|
font-weight: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Archivo";
|
||
|
|
src: url(../media/Archivo-SemiBold.ttf) format('truetype');
|
||
|
|
font-weight: bold;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Archivo";
|
||
|
|
src: url(../media/Archivo-Italic.ttf) format('truetype');
|
||
|
|
font-weight: italic;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "SourceSansPro";
|
||
|
|
src: url(../media/SourceSansPro-Regular.ttf) format('truetype');
|
||
|
|
font-weight: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "SourceSansPro";
|
||
|
|
src: url(../media/SourceSansPro-SemiBold.ttf) format('truetype');
|
||
|
|
font-weight: bold;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "SourceSansPro";
|
||
|
|
src: url(../media/SourceSansPro-Italic.ttf) format('truetype');
|
||
|
|
font-weight: italic;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Exo2";
|
||
|
|
src: url(../media/Exo2-Regular.ttf) format('truetype');
|
||
|
|
font-weight: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Exo2";
|
||
|
|
src: url(../media/Exo2-Bold.ttf) format('truetype');
|
||
|
|
font-weight: bold;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Exo2";
|
||
|
|
src: url(../media/Exo2-Italic.ttf) format('truetype');
|
||
|
|
font-weight: italic;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Roboto";
|
||
|
|
src: url(../media/Roboto-Regular.ttf) format('truetype');
|
||
|
|
font-weight: normal;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Roboto";
|
||
|
|
src: url(../media/Roboto-Bold.ttf) format('truetype');
|
||
|
|
font-weight: bold;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "Roboto";
|
||
|
|
src: url(../media/Roboto-Italic.ttf) format('truetype');
|
||
|
|
font-weight: italic;
|
||
|
|
font-display: swap;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
background-color: #0074D9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section {
|
||
|
|
display: flex;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
font-family: "Exo2";
|
||
|
|
box-sizing: border-box;
|
||
|
|
border: 5px solid #7FDBFF;
|
||
|
|
border-radius: 5px;
|
||
|
|
margin-bottom: 2em;
|
||
|
|
box-shadow: 5px 10px 5px 5px #001f3f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section > div {
|
||
|
|
padding: 10px;
|
||
|
|
color: #fff;
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section > *:nth-child(odd){
|
||
|
|
background-color: #F0F0F0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section > *:nth-child(even){
|
||
|
|
background-color: #FFF00F;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section > * {
|
||
|
|
flex: 1 1 650px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section h1 {
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section h2 {
|
||
|
|
font-weight: italic;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container * {
|
||
|
|
color: #0f0f0f;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container ul {
|
||
|
|
text-align: left;
|
||
|
|
padding-left: 5em;
|
||
|
|
color: #0f0f0f;
|
||
|
|
}
|