41 lines
1 KiB
CSS
41 lines
1 KiB
CSS
/*
|
|
Note: I am deliberately choosing to not use Google Fonts' stylesheet, because I try to respect the privacy of people
|
|
viewing my webpages as much as possible by not bringing in more from Google than I absolutely have to.
|
|
If I were to use Google Fonts in the usual way, I would include this line:
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
|
|
|
|
Instead, I can accomplish the exact same task using locally hosted font files, as seen below.
|
|
*/
|
|
|
|
@import "fonts.css";
|
|
|
|
html{
|
|
font-size: 62.5%;
|
|
background-color: #FFFFFF;
|
|
color: #000000;
|
|
line-height: 1.4rem;
|
|
font-family: Quicksand, sans-serif;
|
|
}
|
|
|
|
h1{
|
|
font-size: 4rem;
|
|
text-align: center;
|
|
text-shadow: #2c2c2c 2px 2px 2px;
|
|
}
|
|
|
|
#outer{
|
|
width: 992px;
|
|
border: 1px solid #000000;
|
|
border-radius: 20px;
|
|
margin: 20px auto;
|
|
background-color: #a4a4a4;
|
|
box-shadow: #2c2c2c 10px 10px 10px;
|
|
}
|
|
|
|
#inner{
|
|
column-count: 3;
|
|
column-rule: 1px solid #000000;
|
|
column-gap: 3rem;
|
|
padding: 3rem;
|
|
} |