88 lines
992 B
CSS
88 lines
992 B
CSS
html{
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
body{
|
|
margin: 0;
|
|
font-family: "Inter 28pt";
|
|
font-size: 16px;
|
|
}
|
|
|
|
div#root{
|
|
height:100vh;
|
|
width: 1024px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
h1,p{
|
|
margin: 0;
|
|
}
|
|
|
|
header,
|
|
main,
|
|
footer{
|
|
box-sizing: border-box;
|
|
padding:0 3em;
|
|
/* width:100vw; */
|
|
}
|
|
|
|
header{
|
|
height:5em;
|
|
padding-top:1em;
|
|
padding-bottom: 1em;
|
|
}
|
|
|
|
header h1{
|
|
font-size: 3em;
|
|
}
|
|
|
|
.variable-title{
|
|
font-family: 'Anybody-variable';
|
|
/* font-variation-settings: 'wght' 600; */
|
|
/* letter-spacing: 5px; */
|
|
}
|
|
|
|
main{
|
|
height: calc(100vh - 8em);
|
|
overflow: scroll;
|
|
}
|
|
main div.wrapper{
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap:2em;
|
|
}
|
|
|
|
article{
|
|
padding-bottom: 2em;
|
|
}
|
|
|
|
article h1{
|
|
font-size: 3em;
|
|
}
|
|
|
|
article p:first-of-type{
|
|
font-weight: 700;
|
|
}
|
|
article img{
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
footer{
|
|
height: 3em;
|
|
padding-top: 0.5em;
|
|
padding-bottom: 0.5em;
|
|
}
|
|
|
|
footer ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
display: flex;
|
|
flex-direction: row;
|
|
}
|
|
|
|
footer ul li {
|
|
list-style: none;
|
|
padding-right: 1em;
|
|
} |