diff --git a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css index 3a60eee..a37d978 100644 --- a/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css +++ b/WD7UVN_SzTGUI_2023242.Client.JS/wwwroot/style.css @@ -6,20 +6,23 @@ body{ background-size: cover; font-family: 'Roboto', sans-serif; } + h1{ text-align: center; color: white; - font-size: 40px + font-size: 40px; } + h2{ text-align: center; - color: white + color: white; } input{ background: transparent; border: 2px solid white; } + input:focus{ border: 2px solid #ff5c33; outline: none; @@ -27,8 +30,7 @@ input:focus{ a.button{ display: block; - margin-right: 500px; - margin-left: 500px; + margin: 0 auto; padding: 30px 90px; border: 3px solid white; border-radius: 10px; @@ -36,11 +38,14 @@ a.button{ text-decoration: none; font-size: 20px; color: white; + width: fit-content; } + a.button:hover{ background: rgba(255, 255, 255, 0.25); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } + a.bookmark{ text-align: right; font-size: 20px; @@ -52,9 +57,7 @@ a.bookmark{ table.inputs{ width: 50%; text-align: right; - margin: 50px; - margin-left: auto; - margin-right: auto; + margin: 50px auto; } table.inputs td:first-child{ @@ -72,8 +75,7 @@ table width: 80%; font-size: 20px; color: white; - margin-left: auto; - margin-right: auto; + margin: 0 auto; border-radius: 10px; border-collapse: collapse; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);