diff options
| author | Kumar Damani <me@kumardamani.net> | 2024-08-14 04:49:54 +0000 |
|---|---|---|
| committer | Kumar Damani <me@kumardamani.net> | 2024-08-14 04:49:54 +0000 |
| commit | a223c3fdaa7861d5f932ba2079dab5dfcf63bec5 (patch) | |
| tree | fcc8a2f90926e640f2205f391681e7a0300bb3c8 /style.css | |
Initial commit
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 71 |
1 files changed, 71 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..9445212 --- /dev/null +++ b/style.css @@ -0,0 +1,71 @@ +@font-face { + font-family: 'GOTFont'; + src: url('fonts/gameofthrones.ttf'); +} + +body { + background: #faf0e5 +} + +h1 { + font-family: 'GOTFont', Georgia, serif; +} + +.legible { + color: white; + text-shadow: + 0.05em 0 black, + 0 0.05em black, + -0.05em 0 black, + 0 -0.05em black, + -0.05em -0.05em black, + -0.05em 0.05em black, + 0.05em -0.05em black, + 0.05em 0.05em black; +} + +.container { + margin: 0; + padding: 0; + display: flex; + justify-content: center; + flex-wrap: wrap; +} + +.flex { + padding: 10px; + border: 3px solid #faf0e5; + color: white; + font-size: 14px; + text-align: center; + position: relative; + margin-bottom: 33px; +} + +.flex1 { + min-width: 150px; +} + +.flex2 { + font-size: large; + text-align: left; +} + +.alert { + margin-bottom: 15px; + padding: 20px; + background-color: orange; /* Red */ + color: white; +} + +/* The close button */ +.closebtn { + margin-left: 15px; + color: white; + font-weight: bold; + float: right; + font-size: 22px; + line-height: 20px; + cursor: pointer; + transition: 0.3s; +} |
