diff options
Diffstat (limited to 'css/index.css')
| -rw-r--r-- | css/index.css | 76 |
1 files changed, 76 insertions, 0 deletions
diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..081900c --- /dev/null +++ b/css/index.css @@ -0,0 +1,76 @@ +@font-face { + font-family: "unifont"; + src: url("unifont-12.0.01.woff2"); +} + +body { + font-family: "unifont"; + background-color: var(--background); + color: var(--foreground); + padding: 0; + margin: 0; + font-size: 1vw; +} + +.wrapper { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.content { + flex: 0 1 auto; + border: 1px solid var(--color1); + padding: 71.5px; +} + +@media screen and (max-width: 957px) { + .content { + padding: 50px; + } + + .waifu { + height: 316px !important; + } +} + +@media screen and (max-width: 749px) { + .content { + padding: 50px; + } + + .waifu { + display: none; + } +} + +.waifu { + flex: 0 2 0; + height: 416px; + border: 1px solid var(--color1); +} + +.media-links, +.schedule-links, +.school-links, +.code-links, +.weeb-links { + border-bottom: 1px solid var(--color1); + padding-bottom: 10px; + margin-bottom: 5px; +} + +img { + height: 100%; +} + +.weather { + border-bottom: 1px solid var(--color1); + padding-bottom: 5px; + margin-bottom: 10px; +} + +a { + color: var(--color2); +} |