Mercurial

comparison mrjunejune/src/base.css @ 91:19cccf6e866a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Added Epi photo reels.
author June Park <parkjune1995@gmail.com>
date Thu, 01 Jan 2026 16:34:51 -0800
parents bcc76a156aea
children 655ea0b661fd
comparison
equal deleted inserted replaced
90:1aeee370837b 91:19cccf6e866a
52 52
53 html { 53 html {
54 background: var(--white); 54 background: var(--white);
55 } 55 }
56 56
57 /* fonts */
58 @font-face { 57 @font-face {
59 font-family: "Atkinson"; 58 font-family: "Atkinson";
60 src: url("/fonts/atkinson-regular.woff") format("woff"); 59 src: url("/public/fonts/atkinson-regular.woff") format("woff");
61 font-weight: 400; 60 font-weight: 400;
62 font-style: normal; 61 font-style: normal;
63 } 62 }
64 @font-face { 63 @font-face {
65 font-family: "Atkinson"; 64 font-family: "Atkinson";
66 src: url("/fonts/atkinson-bold.woff") format("woff"); 65 src: url("/public/fonts/atkinson-bold.woff") format("woff");
67 font-weight: 700; 66 font-weight: 700;
68 font-style: normal; 67 font-style: normal;
69 } 68 }
70 /* Fonts */
71 @font-face { 69 @font-face {
72 font-family: "Roboto"; 70 font-family: "Roboto";
73 src: url("/fonts/Roboto-Regular.ttf"); 71 src: url("/public/fonts/Roboto-Regular.ttf");
74 } 72 }
75
76 @font-face { 73 @font-face {
77 font-family: "Roboto Light"; 74 font-family: "Roboto Light";
78 src: url("/fonts/Roboto-Thin.ttf"); 75 src: url("/public/fonts/Roboto-Thin.ttf");
76 }
77 @font-face {
78 font-family: "More Thin";
79 src: url("/public/fonts/more-sugar.thin.otf");
80 }
81 @font-face {
82 font-family: "More";
83 src: url("/public/fonts/more-sugar.regular.otf");
79 } 84 }
80 85
81 a { 86 a {
82 color: inherit; /* blue colors for links too */ 87 color: inherit; /* blue colors for links too */
83 text-decoration: inherit; /* no underline */ 88 text-decoration: inherit; /* no underline */
84 } 89 }
85 90
86 body { 91 body {
87 font-family: "Atkinson", sans-serif; 92 font-family: "More Thin", sans-serif;
88 margin: 0; 93 margin: 0;
89 padding: 0; 94 padding: 0;
90 text-align: left; 95 text-align: left;
91 background: var(--gray-gradient); 96 background: var(--gray-gradient);
92 background-size: 100% 600px; 97 background-size: 100% 600px;