<head>
<title>home | arthurtaft.net</title>
<meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="/static/styles.css">
<link rel="icon" href="/favicon.ico" />
</head>
</div>
<div id="footer">
<p class="footer-text">source: <a class="footer-link" href="https://github.com/arthur-taft/website" target="_blank">github.com/arthur-taft/website</a></p>
- <p class="footer-text">© arthur taft - 2025</p>
+ <p class="copy-text">© arthur taft - 2025</p>
</div>
</div>
</body>
#footer {
margin-top: 3%;
margin-bottom: 1%;
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
}
#footer .footer-text {
color: var(--subtext-0);
}
+#footer .copy-text {
+ color: var(--subtext-0);
+ align-self: center;
+}
+
#footer .footer-link {
font-size: 1rem;
padding: 0.15rem 0.25rem;
a:visited {
color: var(--blue);
}
+
+@media (min-width:300px) {
+ #top-nav {
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ #title-div {
+ margin-left: 0%;
+ margin-right: 0%;
+ }
+
+ #container .main-text {
+ margin-left: 1%;
+ margin-right: 1%;
+ }
+}
+
+@media (min-width:900px) {
+ #top-nav {
+ margin-left: 25%;
+ margin-right: 25%;
+ }
+
+ #title-div {
+ margin-left: 25%;
+ }
+
+ #container .main-text {
+ margin-left: 25%;
+ margin-right: 25%;
+ }
+}
projects / website.git / commitdiff