From b142a526d4b865e0378ec6c45a41dc5ab83b2508 Mon Sep 17 00:00:00 2001 From: shyam_patadia Date: Wed, 2 Oct 2024 19:37:06 +0530 Subject: [PATCH] Delete styles3.css Deleting as this not required now. --- styles3.css | 139 ---------------------------------------------------- 1 file changed, 139 deletions(-) delete mode 100644 styles3.css diff --git a/styles3.css b/styles3.css deleted file mode 100644 index 7998f0f..0000000 --- a/styles3.css +++ /dev/null @@ -1,139 +0,0 @@ -:root { - --primary-color: #2a2a2a; /* Darker background */ - --secondary-color: #7a9ab8; /* Softer blue for highlights */ - --background-color: #121212; /* Darker background */ - --text-color: #d0d0d0; /* Light gray for text */ - --highlight-color: #1c1c1c; /* Slightly lighter background for sections */ -} - -body { - font-family: "Roboto", Arial, sans-serif; - line-height: 1.7; - color: var(--text-color); - background-color: var(--background-color); - max-width: 900px; - margin: 0 auto; - padding: 20px; -} - -h1 { - text-align: center; - font-size: 2.5em; - color: var(--secondary-color); - padding-bottom: 10px; - margin-bottom: 30px; -} - -h2 { - font-size: 1.8em; - color: var(--secondary-color); - margin-bottom: 15px; - border-bottom: 2px solid var(--secondary-color); -} - -h3 { - font-size: 1.4em; - color: var(--secondary-color); - margin-bottom: 10px; -} - -a { - color: var(--secondary-color); - text-decoration: none; - transition: color 0.3s ease; -} - -a:hover { - color: #ffffff; /* Lighten on hover */ -} - -.photo { - text-align: center; - margin-bottom: 20px; -} - -.photo img { - max-width: 120px; - border-radius: 50%; - border: 4px solid var(--secondary-color); - padding: 5px; -} - -.contact-grid { - display: flex; - justify-content: space-between; - flex-wrap: wrap; - gap: 15px; - margin-bottom: 30px; -} - -.contact-item { - background-color: var(--highlight-color); - padding: 15px; - border-radius: 8px; - flex: 1 1 200px; - text-align: center; - box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* Subtle shadow */ - transition: transform 0.2s ease; -} - -.contact-item:hover { - transform: scale(1.05); -} - -.skills-list { - display: flex; /* Use flexbox */ - flex-wrap: wrap; /* Allow items to wrap */ - gap: 10px; /* Space between items */ -} - -.skill-item { - background-color: #3c3c3c; /* Dark gray for skill items */ - color: #d0d0d0; /* Light gray for text */ - padding: 5px 15px; - border-radius: 20px; - font-size: 0.9em; - text-align: center; - min-width: 120px; - max-width: 200px; - word-wrap: break-word; - overflow: hidden; - text-overflow: ellipsis; - transition: background-color 0.3s ease; /* Smooth transition for hover effect */ -} -.skill-item:hover { - background-color: #4a4a4a; /* Slightly lighter gray on hover */ -} - -.experience-item, -.project-item { - background-color: var(--highlight-color); - margin-bottom: 25px; - padding-bottom: 15px; - border-bottom: 1px solid var(--secondary-color); -} - -ul { - list-style-type: none; - padding-left: 0; -} - -li { - margin-bottom: 10px; - position: relative; - padding-left: 20px; -} - -li::before { - content: "•"; - color: var(--secondary-color); - font-weight: bold; - position: absolute; - left: 0; -} - -@media (max-width: 768px) { - .contact-grid { - display: block; - } -}