From 3a8d60fddbb0e24d7106ac4436751e28605cff78 Mon Sep 17 00:00:00 2001 From: besbota Date: Thu, 17 Oct 2024 16:37:01 +0200 Subject: [PATCH] Rebase develop --- assets/styles/style.css | 76 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 76 insertions(+) create mode 100644 assets/styles/style.css diff --git a/assets/styles/style.css b/assets/styles/style.css new file mode 100644 index 0000000..4f52014 --- /dev/null +++ b/assets/styles/style.css @@ -0,0 +1,76 @@ +body { + background: linear-gradient(to right, #5CE1E6, #C1FF72, #cb6ce6); +} + +h1 { + text-align: center; + font-family: "Fredoka", sans-serif; + font-optical-sizing: auto; + font-style: normal; + font-variation-settings: "wdth" 100; +} + +img { + width: 60%; + height: auto; + float: right; + margin: 0; +} + +.container { + display: flex; + justify-content: center; + align-items: center; + height: auto; + margin: auto 0 auto; +} + +form { + margin-right: 20px; + background: rgba(255, 255, 255, 0.15); + border-radius: 16px; + box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); + backdrop-filter: blur(8px); + -webkit-backdrop-filter: blur(8px); + justify-content: center; + align-items: center; + padding: 50px; +} + +form div { + margin-bottom: 10px; +} + +.logo{ + margin-bottom: 65%; + margin-right: 30%; +} + +label { + display: block; + margin-bottom: 5px; + font-family: "Fredoka", sans-serif; + font-style: normal; +} + +input[type="text"], +input[type="password"] { + width: 90%; + padding: 5px; +} + +button { + padding: 10px 20px; + background-color: #5CE1E6; + color: black; + border: none; + cursor: pointer; +} + +button:hover { + background-color: #CB6CE6; +} + +.submit { + margin-left: 15%; +} \ No newline at end of file