diff --git a/assets/css/gallery.css b/assets/css/gallery.css
index 297f2030..1b8c9ced 100644
--- a/assets/css/gallery.css
+++ b/assets/css/gallery.css
@@ -2,34 +2,58 @@
---------------------------*/
.number {
- color: rgb(253, 253, 253) !important;
- font-family: "Montserrat", sans-serif;
- font-size: 40px;
- margin-top: -40px;
- }
+ color: rgb(24, 21, 21) !important;
+ text-shadow: 2px 2px 3px rgb(77, 76, 76);
+ font-size: 40px;
+ margin-top: 40px;
+ letter-spacing: 1.5px;
+ font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+}
#gallery {
- background-image: linear-gradient(
- to right,
- #0f0c29,
- #302b63,
- #24243e,
- rgb(69, 69, 107)
- );
- }
+ background-image: linear-gradient(
+ to right,
+ #0f0c29,
+ #302b63,
+ #24243e,
+ rgb(69, 69, 107)
+ );
+}
.image-slideshow {
- max-width: 700px;
- position: relative;
- margin: auto;
- margin-top: 40px;
- }
- .image-slideshow img {
- width: 100%
- }
- .fade {
- animation-name: fade;
- animation-duration: 2s;
- }
- @keyframes fade {
- from {opacity: .5}
- to {opacity: 1}
- }
+ max-width: 700px;
+transition: 3s ease-in;
+ margin: auto;
+ position: relative;
+ box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
+ cursor: pointer;
+ box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
+ margin-top: 40px;
+}
+.image-slideshow img {
+ width: 100%;
+ box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
+ rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
+ rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
+ rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
+ rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
+}
+.image-slideshow img:hover{
+ transition: 3s ease-in;
+ box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
+transform:scale(1.1);
+}
+.image-slideshow:hover {
+ box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
+ position: relative;
+}
+.fade {
+ animation-name: fade;
+ animation-duration: 2s;
+}
+@keyframes fade {
+ from {
+ opacity: 0.5;
+ }
+ to {
+ opacity: 1;
+ }
+}
diff --git a/assets/gallery.html b/assets/gallery.html
new file mode 100644
index 00000000..1d7b28a4
--- /dev/null
+++ b/assets/gallery.html
@@ -0,0 +1,304 @@
+
+
+
+
+
+
+ OS-CODE | Events
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Learing & building together
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+