64 lines
1.1 KiB
CSS
64 lines
1.1 KiB
CSS
@font-face {
|
|
font-family: ProtoRegular;
|
|
src: url(0xProtoNerdFont-Regular.ttf);
|
|
}
|
|
|
|
@font-face {
|
|
font-family: ProtoBold;
|
|
src: url(0xProtoNerdFont-Bold.ttf);
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
:root {
|
|
--text: #141f06;
|
|
--background: #fafdf5;
|
|
--background-dark: #d4ddc5;
|
|
--background-alpha: #fafdf5ba;
|
|
--primary: #8ed42f;
|
|
--primary-soft: #d3f7a1;
|
|
--primary-dark: #6fb12d;
|
|
--secondary: #8de897;
|
|
--accent: #5fde81;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
font-family: 'ProtoRegular';
|
|
font-weight: 400;
|
|
background-color: var(--background);
|
|
color:var(--text)
|
|
}
|
|
|
|
body {
|
|
opacity: 1;
|
|
background-image: radial-gradient(var(--secondary ) 1px, transparent 1px),
|
|
radial-gradient(var(--accent) 1px, var(--background) 1px);
|
|
background-size: 23px 23px;
|
|
background-position: 0 0,28px 28px;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
font-family: 'ProtoBold';
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
html {font-size: 100%;} /* 16px */
|
|
|
|
h1 {font-size: 4.210rem; /* 67.36px */}
|
|
|
|
h2 {font-size: 3.158rem; /* 50.56px */}
|
|
|
|
h3 {font-size: 2.369rem; /* 37.92px */}
|
|
|
|
h4 {font-size: 1.777rem; /* 28.48px */}
|
|
|
|
h5 {font-size: 1.333rem; /* 21.28px */}
|
|
|
|
small {font-size: 0.750rem; /* 12px */} |