diff --git a/static/css/fonts/nunito.css b/static/css/fonts/nunito.css
new file mode 100644
index 0000000..71c3a57
--- /dev/null
+++ b/static/css/fonts/nunito.css
@@ -0,0 +1,17 @@
+/* latin */
+@font-face {
+ font-family: 'Nunito';
+ font-style: normal;
+ font-weight: 200 1000;
+ font-display: block;
+ src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaBTMnFcQ.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+ font-family: 'Roboto Slab';
+ font-style: normal;
+ font-weight: 100 900;
+ font-display: block;
+ src: url(https://fonts.gstatic.com/s/robotoslab/v34/BngMUXZYTXPIvIBgJJSb6ufN5qWr4xCC.woff2) format('woff2');
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
\ No newline at end of file
diff --git a/static/css/main.css b/static/css/main.css
index 316107d..f52593f 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,24 +1,29 @@
+@import url('fonts/nunito.css');
+
html {
color: rgba(53,53,53,1)!important;
font-size: 1em;
line-height: 1.15;
font-kerning: normal;
overflow-x: hidden;
-
}
body {
-/* font-family: 'Montserrat', sans-serif; */
+ font-family: var(--bs-body-font-family);
background-color: var(--background);
overflow-x: hidden;
font-size: 1rem;
- letter-spacing: .25px;
+/* letter-spacing: .25px; */
-webkit-font-smoothing: antialiased;
+ font-variant-ligatures: no-common-ligatures;
+ font-weight: 400;
}
-::selection, ::-moz-selection {
+h1,h2,h3,h4{
+ font-family: 'Roboto Slab';
+}
+/* ::selection, ::-moz-selection {
background-color: var(--grauwert3);
text-shadow: none;
-}
-
+} */
:root{
--background: rgb(240,240,240);
--background-wrapper: rgb(250,250,250);
@@ -32,11 +37,11 @@ body {
--bs-btn-active-border-color: var(--grau);
--bs-btn-hover-bg: #f28705;
--bs-link-color: #f28705;
+ --bs-body-font-family: "Nunito", Arial, Tahoma, sans-serif;
--top-bar: 98px;
--bottom-bar: 5em;
--div-padding: 3rem;
}
-
.top-bar{
height: var(--top-bar);
border-bottom: 1px solid var(--accent-normal);
@@ -146,9 +151,9 @@ body {
padding: var(--div-padding);
border-radius: 0.5rem;
}
-#profile label{
+/* #profile label{
font-weight: 700;
-}
+} */
#user-profile-activation{
padding: 1.5em;
background-color: var(--accent-light);
@@ -216,7 +221,7 @@ article li:not(:first-of-type){
position: relative;
}
.profile:not(:first-child){
- margin-top: 1.75rem;
+ margin-top: 2.25rem;
}
.profile:not(:first-child):before {
content: '•••';
@@ -231,6 +236,10 @@ article li:not(:first-of-type){
line-height: .525;
color: darkgray;
}
+.profile .user-avatar{
+ display: flex;
+ justify-content: center;;
+}
.user-avatar img{
width: 9em;
height: 9em;
@@ -240,7 +249,7 @@ article li:not(:first-of-type){
border-radius: 50%;
}
.profile .label{
- font-weight: 600;
+ font-weight: 700;
}
.user-description{
margin-top: 1.5em;
diff --git a/tandem-list.html b/tandem-list.html
index 6f65994..597b217 100644
--- a/tandem-list.html
+++ b/tandem-list.html
@@ -31,40 +31,40 @@
@@ -128,10 +128,10 @@