From 7d015ec4508a8ad237fbb097db257607193b1557 Mon Sep 17 00:00:00 2001 From: stargen Date: Thu, 3 Oct 2024 09:17:52 -0500 Subject: [PATCH] Create style.css --- data/style.css | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 data/style.css diff --git a/data/style.css b/data/style.css new file mode 100644 index 0000000..d5fd174 --- /dev/null +++ b/data/style.css @@ -0,0 +1,68 @@ +/*☆ this is so cleannnnnn ☆*/ +body { + margin: 25px; + background-color: #291814; + font-family: Verdana, sans-serif; + font-size: 14px; +} + +h1 { + font-size: 35px; + font-weight: normal; + margin-top: 5px; + color: #FFE5B4; + text-align: center; +} + +p { + font-size: 20px; + font-weight: normal; + margin-top: 5px; + color: #FFE5B4; + text-align: center; +} + +b { + font-size: 20px; + font-weight: normal; + margin-top: 5px; + color: #FFE5B4; + text-align: center; +} + +a { + font-size: 20px; + font-weight: normal; + margin-top: 5px; + color: #FFE5B4; + text-align: center; +} + +button { + background-color: #A59079; + border-radius: 12px; + border: none; + color: #FFE5B4; + padding: 10px 28px; + font-size: 20px; + text-align: center; +} + +button:hover { + box-shadow: 0 12px 16px 0 rgb(255, 229, 180), 0 17px 50px 0 rgb(165, 144, 121); /* this was copy and pasted from another site */ + transform: scale(1.2) +} + +button:active { + transform: scale(.8); /* make button smaller on click */ +} + +.navbar { + background-color: #FFE5B4; + margin: auto; + width: 50%; + border: none; + padding: 10px 28px; + text-align: center; + padding: 10px 28px; +}