diff --git a/css/main.css b/css/main.css index a17f566..80be864 100644 --- a/css/main.css +++ b/css/main.css @@ -1,7 +1,4 @@ - * { - margin: 0; - padding: 0; box-sizing: border-box; } @@ -40,14 +37,7 @@ body { ========================= */ header { - background-color: var(--nav); - - padding: 14px 40px; - - border-bottom: 1px solid rgba(255,255,255,0.08); - - box-shadow: 0 4px 14px rgba(0,0,0,0.08); } /* ========================= @@ -55,17 +45,8 @@ header { ========================= */ header img { - - width: 70px; - height: 70px; - object-fit: cover; - - border-radius: 14px; - background-color: white; - - padding: 4px; } /* ========================= @@ -73,35 +54,18 @@ header img { ========================= */ nav { - background-color: var(--nav); - - padding: 16px 40px; - - border-top: 1px solid rgba(255,255,255,0.05); } nav a { - text-decoration: none; - color: #f1f5f9; - font-weight: 600; - - margin-right: 18px; - - padding: 10px 18px; - - border-radius: 10px; - transition: 0.3s ease; } nav a:hover { - background-color: var(--nav-hover); - color: white; } @@ -111,22 +75,12 @@ nav a:hover { input[type="text"], input[type="search"] { - - padding: 11px 16px; - - border-radius: 12px; - border: 1px solid var(--border); - background-color: white; - font-size: 1rem; } input:focus { - - outline: none; - border-color: var(--primary); } @@ -135,28 +89,16 @@ input:focus { ========================= */ button { - background-color: var(--primary); - color: white; - border: none; - - padding: 11px 22px; - - border-radius: 12px; - font-size: 1rem; - font-weight: 600; - cursor: pointer; - transition: 0.3s ease; } button:hover { - background-color: var(--primary-hover); } @@ -165,16 +107,7 @@ button:hover { ========================= */ main { - background-color: var(--white); - - margin: 40px; - - padding: 50px; - - border-radius: 24px; - - box-shadow: 0 10px 30px rgba(0,0,0,0.06); } /* ========================= @@ -182,19 +115,12 @@ main { ========================= */ h1 { - color: var(--primary); - font-size: 3.5rem; - - margin-bottom: 30px; } h2 { - color: var(--primary); - - margin-bottom: 12px; } /* ========================= @@ -202,13 +128,8 @@ h2 { ========================= */ p { - color: var(--text-light); - line-height: 1.8; - - margin-bottom: 25px; - font-size: 1.08rem; } @@ -217,14 +138,11 @@ p { ========================= */ a { - color: var(--primary); - transition: 0.3s ease; } a:hover { - color: var(--primary-hover); } @@ -233,30 +151,15 @@ a:hover { ========================= */ footer { - - margin-top: 50px; - background-color: var(--white); - - border-top: 1px solid var(--border); - - padding: 30px; - - text-align: center; } footer a { - text-decoration: none; - - margin: 0 14px; - color: var(--text-light); - font-weight: 500; } footer a:hover { - color: var(--primary); } \ No newline at end of file