Structure change
This commit is contained in:
parent
77d4dd3a0a
commit
e89c7a0bd2
25 changed files with 25 additions and 39 deletions
146
static/css/style.css
Normal file
146
static/css/style.css
Normal file
|
|
@ -0,0 +1,146 @@
|
|||
*{
|
||||
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;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue