diff --git a/assets/css/main.css b/assets/css/main.css index 166ade9..ce772c3 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1,22 +1,93 @@ + +html { + width: 100%; + height: 100%; + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + background-color: #333; +} + body { - color: #222; - font-family: sans-serif; - line-height: 1.5; - margin: 1rem; - max-width: 768px; + box-sizing: border-box !important; + font-family: Consolas, Monaco, "Lucida Console", monospace !important; + font-size: 0.9rem !important; + color: #ccc !important; + margin: 0; + padding-top: 3.5rem; + padding-bottom: 3.5rem; + padding-left: 1.5rem; + padding-right: 1.5rem; + height: 100%; + background-color: #3d3d3d; + max-width: 600px; } -header { - border-bottom: 1px solid #222; - margin-bottom: 1rem; +@media only screen and (max-width: 700px) { + * { + font-size: 1.2rem; + } + + body { + max-width: 100%; + padding-left: 1rem; + padding-right: 1rem; + } } -footer { - border-top: 1px solid #222; - margin-top: 1rem; +p, +span, +a, +h1, +h2, +h3, +h4, +h5, +h6 { + color: inherit; + margin: 0; } a { - color: #00e; - text-decoration: none; + text-decoration: wavy underline !important; + transition: text-decoration 2s ease-out; } + +.highlight { + color: rgb(158, 158, 239); +} + +.flex-row { + display: flex; + flex-direction: row; +} + +.flex-col { + display: flex; + flex-direction: column; +} + +.one { + margin-left: 1.5rem; + display: flex; + flex-direction: column; + gap: 0; +} + +.two { + margin-left: 3rem; +} + +.three { + margin-left: 4.5rem; +} + +.four { + margin-left: 6rem; +} + +.five { + margin-left: 7.5rem; +} \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js deleted file mode 100644 index e2aac52..0000000 --- a/assets/js/main.js +++ /dev/null @@ -1 +0,0 @@ -console.log('This site was generated by Hugo.'); diff --git a/static/css/main.css b/static/css/main.css deleted file mode 100644 index ce772c3..0000000 --- a/static/css/main.css +++ /dev/null @@ -1,93 +0,0 @@ - -html { - width: 100%; - height: 100%; - margin: 0; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - background-color: #333; -} - -body { - box-sizing: border-box !important; - font-family: Consolas, Monaco, "Lucida Console", monospace !important; - font-size: 0.9rem !important; - color: #ccc !important; - margin: 0; - padding-top: 3.5rem; - padding-bottom: 3.5rem; - padding-left: 1.5rem; - padding-right: 1.5rem; - height: 100%; - background-color: #3d3d3d; - max-width: 600px; -} - -@media only screen and (max-width: 700px) { - * { - font-size: 1.2rem; - } - - body { - max-width: 100%; - padding-left: 1rem; - padding-right: 1rem; - } -} - -p, -span, -a, -h1, -h2, -h3, -h4, -h5, -h6 { - color: inherit; - margin: 0; -} - -a { - text-decoration: wavy underline !important; - transition: text-decoration 2s ease-out; -} - -.highlight { - color: rgb(158, 158, 239); -} - -.flex-row { - display: flex; - flex-direction: row; -} - -.flex-col { - display: flex; - flex-direction: column; -} - -.one { - margin-left: 1.5rem; - display: flex; - flex-direction: column; - gap: 0; -} - -.two { - margin-left: 3rem; -} - -.three { - margin-left: 4.5rem; -} - -.four { - margin-left: 6rem; -} - -.five { - margin-left: 7.5rem; -} \ No newline at end of file