From 8c955459a37c34bfefc7e2057e2e8685fd350274 Mon Sep 17 00:00:00 2001 From: Csenge Emese Ujfaluczki <ujfaluczkicsenge@localhost> Date: Fri, 7 Feb 2025 14:21:38 +0000 Subject: [PATCH] Add szamrendszer.css --- szamrendszer.css | 67 ++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) create mode 100644 szamrendszer.css diff --git a/szamrendszer.css b/szamrendszer.css new file mode 100644 index 0000000..ccf6f1e --- /dev/null +++ b/szamrendszer.css @@ -0,0 +1,67 @@ +body{ + background-color: rgb(202, 0, 108); + align-items: center; + justify-content: center; + display: flex; + min-height: 800px; +} + +.alap{ + background-color: rgb(73, 8, 33); + width: 400px; + padding: 25px; + border-radius: 10px; +} + +h1{ + color: rgb(0, 122, 122); + text-align: center; +} + +label{ + color: rgb(23, 207, 207); +} + +.átváltó{ + display: flex; + flex-direction: column; + align-items: center; +} + +.bevitel, .kiszámolt{ + display: flex; + flex-direction: column; + align-items: center; + margin-bottom: 10px; +} + +input, select{ + padding: 10px; + margin: 5px 0; + border: 1px solid #ccc; + border-radius: 5px; + font-size: 1em; + width: 100%; + max-width: 300px; + color: rgb(153, 5, 5); + font-weight: bolder; +} + +input[readonly] { + background-color: #525252; + color: #000000ce; +} + +#felcserélés, #számolás { + padding: 10px 20px; + border: none; + border-radius: 5px; + background-color: #2575fc; + color: white; + font-size: 1em; + cursor: pointer; + transition: background-color 0.3s ease; + margin: 10px; + width: 100%; + max-width: 200px; +} \ No newline at end of file