style: change fonts

This commit is contained in:
log101 2023-12-05 07:11:40 +00:00
parent e086b748aa
commit 069362247e
4 changed files with 45 additions and 3 deletions

View File

@ -1,3 +1,8 @@
#page {
height: 100vh;
margin: 0
}
#spotlight {
display: flex;
min-height: 100vh;
@ -7,6 +12,10 @@
max-width: 400px;
margin: auto;
font-size: 1.5rem;
@media (max-width: 448px) {
margin-left: 24px;
}
}
#home-center {
@ -40,3 +49,36 @@
}
}
#home-footer {
p {
color: #5C5C5C;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
display: flex;
gap: 8px;
justify-content: center;
}
a {
color: #5C5C5C;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
display: flex;
gap: 8px;
justify-content: center;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}

View File

@ -1,3 +1,3 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&display=swap" rel="stylesheet">

View File

@ -1 +1 @@
#spotlight{display:flex;min-height:100vh;flex-direction:column;align-items:start;justify-content:space-between;max-width:400px;margin:auto;font-size:1.5rem}#home-center{display:flex;flex-direction:column;align-items:flex-start}#home-title{color:#202020;font-family:Inter;font-size:48px;font-style:normal;font-weight:500;line-height:normal}#home-nav{display:flex;flex-direction:column}#home-nav a{color:#252525;font-family:Inter;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}
#page{height:100vh;margin:0}#spotlight{display:flex;min-height:100vh;flex-direction:column;align-items:start;justify-content:space-between;max-width:400px;margin:auto;font-size:1.5rem}@media(max-width:448px){#spotlight{margin-left:24px}}#home-center{display:flex;flex-direction:column;align-items:flex-start}#home-title{color:#202020;font-family:Inter;font-size:48px;font-style:normal;font-weight:500;line-height:normal}#home-nav{display:flex;flex-direction:column}#home-nav a{color:#252525;font-family:Inter;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}#home-footer p{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center}#home-footer a{color:#5c5c5c;font-family:Inter;font-size:20px;font-style:normal;font-weight:300;line-height:normal;display:flex;gap:8px;justify-content:center;text-decoration:none}#home-footer a:hover{text-decoration:underline}

View File

@ -1 +1 @@
{"Target":"css/style.min.006ec58c58b834e727619e1459ab303f09e51e8317d3e79a1b632b52aacf60f0.css","MediaType":"text/css","Data":{"Integrity":"sha256-AG7FjFi4NOcnYZ4UWaswPwnlHoMX0+eaG2MrUqrPYPA="}}
{"Target":"css/style.min.d983b268ba92f1132a35f16dbbdf6ef7889ec743d3cbe19d956f186382248663.css","MediaType":"text/css","Data":{"Integrity":"sha256-2YOyaLqS8RMqNfFtu99u94iex0PTy+GdlW8YY4IkhmM="}}