146 lines
3.1 KiB
CSS
146 lines
3.1 KiB
CSS
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Gravity;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-UltraLight.woff2') format('woff2'),
|
|
url('font/Gravity-UltraLight.woff') format('woff');
|
|
font-weight: 200;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-Light.woff2') format('woff2'),
|
|
url('font/Gravity-Light.woff') format('woff');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-Bold.woff2') format('woff2'),
|
|
url('font/Gravity-Bold.woff') format('woff');
|
|
font-weight: bold;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-LightItalic.woff2') format('woff2'),
|
|
url('font/Gravity-LightItalic.woff') format('woff');
|
|
font-weight: 300;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-Italic.woff2') format('woff2'),
|
|
url('font/Gravity-Italic.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity Book';
|
|
src: url('font/Gravity-Book.woff2') format('woff2'),
|
|
url('font/Gravity-Book.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-BoldItalic.woff2') format('woff2'),
|
|
url('font/Gravity-BoldItalic.woff') format('woff');
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity Book';
|
|
src: url('font/Gravity-BookItalic.woff2') format('woff2'),
|
|
url('font/Gravity-BookItalic.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-Regular.woff2') format('woff2'),
|
|
url('font/Gravity-Regular.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Gravity';
|
|
src: url('font/Gravity-UltraLightItalic.woff2') format('woff2'),
|
|
url('font/Gravity-UltraLightItalic.woff') format('woff');
|
|
font-weight: 200;
|
|
font-style: italic;
|
|
font-display: swap;
|
|
}
|
|
|
|
body {
|
|
background-color: darkslategrey;
|
|
}
|
|
|
|
header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
.icon {
|
|
height: 80px;
|
|
}
|
|
|
|
.textBox {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 26px;
|
|
padding: 5px;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
color: lightgray;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 20px;
|
|
padding: 5px;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
color: lightgray;
|
|
}
|
|
|
|
p {
|
|
font-size: 16px;
|
|
padding: 5px;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
color: lightgray;
|
|
}
|
|
|
|
li {
|
|
font-size: 16px;
|
|
padding: 5px;
|
|
padding-bottom: 10px;
|
|
text-align: center;
|
|
color: lightgray;
|
|
}
|