@font-face { font-family: "Didot"; src: url("/assets/Didot Bold.otf") format("OpenType"); } .front-text { font-family: "Noto Sans", sans-serif; color: black; } .code { font-family: "Noto Sans Mono", monospace; color: gray; } .date { font-size: 16px; } @media (max-width:700px) { .side-margin { margin-left: 1rem; margin-right: 1rem; } } @media (min-width:700px) { .side-margin { margin-left: 4rem; margin-right: 1rem; } } .link { color: black; border-radius: 3%; } .link:active { color: white; background: blue; text-decoration: none; } .article-m { font-family: "Noto Sans Mono", monospace; font-size: 20px; text-decoration: none; opacity: 0.6; color: black; font-weight: 700; padding: 0px; margin-top: 2.8rem; } .article-m:hover { opacity: 1; color: blue; } .article-m:active { color: white; background: blue; text-decoration: none; } body { padding: 0; margin: 0; overflow: hidden; font-family: "Times New Roman", "Liberation Serif", serif; font-size: 16px; font-weight: 400; line-height: 1.8; } h1 { font-family: "Times New Roman", Serif; font-weight: 700; font-size: 20px; margin-top: 3.0rem; line-height: 1.5; } h2 { font-family: "Times New Roman", Serif; font-weight: 500; font-size: 24px; line-height: 1.5; margin-bottom: 0; }