diff --git a/Image-Gallery/style.css b/Image-Gallery/style.css index d153136f..2012156e 100644 --- a/Image-Gallery/style.css +++ b/Image-Gallery/style.css @@ -32,7 +32,7 @@ body { .dark-theme { --secondary-color: #0e1525; - --text-dark: #8c0ffa; + --text-dark: #ffffff; --arr-light: white; --body-light: #0e1525; --img-color:red; @@ -177,11 +177,3 @@ body { #next { left: 100%; } -.goog-te-gadget img { - vertical-align: middle; - border: none; - width: 110px; /* Ensure the width is set to auto */ - height: auto; /* Ensure the height is set to auto */ - max-width: 100%; /* Adjust this value if needed */ - max-height: 100%; /* Adjust this value if needed */ -} \ No newline at end of file diff --git a/styles.css b/styles.css index 360cd241..324592e1 100644 --- a/styles.css +++ b/styles.css @@ -1,6 +1,3 @@ - - - @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&family=Oxygen:wght@300&display=swap"); @@ -330,7 +327,7 @@ body { padding: 5rem 1rem; }*/ -/*Creating Curved Corners for the Video*/ +/Creating Curved Corners for the Video/ .section__container { /* max-width: var(--max-width); */ margin: auto; @@ -1581,7 +1578,7 @@ body.dark-theme .items { backdrop-filter: blur(10px); box-shadow: rgba(255, 255, 255, 0.25) 0px 50px 100px -20px, /* Light shadow */ rgba(255, 255, 255, 0.3) 0px 30px 60px -30px, - /* Light shadow */ rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; /* Light inset shadow */ + /* Light shadow / rgba(255, 255, 255, 0.35) 0px -2px 6px 0px inset; / Light inset shadow */ } .contact { @@ -2400,7 +2397,7 @@ body { justify-content: space-between; align-items: center; flex-wrap: wrap; - background: linear-gradient(135deg, #7b4397, #dc2430); /* Gradient background */ + background: linear-gradient(135deg, #7b4397, #32b1fa, rgb(254, 71, 227)); /* Gradient background */ padding: 40px 20px; /* Add padding for spacing */ border-radius: 10px; /* Rounded corners */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add subtle shadow */ @@ -2410,7 +2407,7 @@ body { /* Styling for elements with .aboutcontent class */ .aboutcontent { text-align: center; - color: var(--text-dark); + color: black; margin-bottom: 20px; flex: 1 1 300px; /* Make flex items responsive */ padding: 20px; @@ -2771,7 +2768,7 @@ body.dark-theme .testimonials .testimonial-user p{ object-fit: contain; } .header__image img:nth-child(1) { - max-width: 60vw; /* Adjust image size for smaller devices */ /* Center image horizontally and vertically */ + max-width: 60vw; /* Adjust image size for smaller devices / / Center image horizontally and vertically */ } .header__image img:nth-child(2) { @@ -2795,7 +2792,7 @@ body.dark-theme .testimonials .testimonial-user p{ font-size: 1rem; } - .header__content .action__btns { + .header_content .action_btns { flex-direction: column; /* Stack buttons vertically */ gap: 1rem; /* Add gap between buttons */ margin-top: 1rem; /* Adjust top margin */ @@ -2808,7 +2805,7 @@ body.dark-theme .testimonials .testimonial-user p{ margin: 0 auto; /* Center the subtitle */ } } -/*STYLE FOR SIDE DISCOUNT DIVISION*/ +/STYLE FOR SIDE DISCOUNT DIVISION/ .popup { position: fixed; @@ -2900,7 +2897,7 @@ button:hover { line-height: 1.5rem; /* Adjust line height for smaller devices */ } - .header__content .action__btns { + .header_content .action_btns { gap: 1.5rem; /* Add gap between buttons */ } @@ -3002,5 +2999,4 @@ a:hover::after { color:#0077b5; margin-bottom: auto; font-size: 14px; - font-weight: 600; -} \ No newline at end of file + font-weight: 600; \ No newline at end of file