Fixed sticky footer, vertical me equation (mobile)

Put me equation in separate file.
This commit is contained in:
2019-02-06 05:18:38 -05:00
parent ffca095285
commit d55e50d9bb
5 changed files with 47 additions and 21 deletions

View File

@@ -37,7 +37,10 @@ body {
line-height: 1.5;
font-size: 100%;
/* font-family: 'Source Code Pro', monospace; */
font-family: 'Hack', monospace; }
font-family: 'Hack', monospace;
display: flex;
flex-direction: column;
min-height: 100vh; }
body a {
color: #66cccc; }
body a:visited {
@@ -48,7 +51,8 @@ body {
.container {
max-width: 52em;
margin-left: auto;
margin-right: auto; }
margin-right: auto;
flex: 1; }
.container .copyright a {
color: #747369; }
.container .copyright a:visited {
@@ -109,10 +113,7 @@ footer {
margin-bottom: 1rem;
text-align: center;
font-size: 0.9em;
color: #747369;
bottom: 0;
position: absolute;
width: 100%; }
color: #747369; }
footer .container {
background-color: #393939;
max-width: 62em;
@@ -236,6 +237,15 @@ footer a {
display: inline;
padding-left: 1rem;
padding-right: 1rem; }
@media (max-width: 600px) {
#homepage #about .me-equation {
margin-top: 2em;
display: block; }
#homepage #about .me-equation p {
display: block;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
margin-bottom: 0rem; } }
@media (max-width: 52em) {
#homepage {