time and search in google

css/header.css

@@ -3,6 +3,7 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    padding: 10px;
 }
 
 .header-text {
@@ -39,3 +40,12 @@
     text-shadow: white 0 0 30px;
     margin: 0 10px;
 }
+
+.time {
+    cursor: pointer;
+    transition: 0.3s;
+}
+
+.time:hover {
+    text-shadow: white 0 0 20px;
+}

css/icons.css

@@ -2,11 +2,14 @@
     width: 50%;
     height: 20%;
     display: grid;
-    grid-template-columns: auto auto auto auto;
+    grid-template-columns: auto auto auto auto auto auto;
     align-content: center;
     justify-items: center;
     margin-left: auto;
     margin-right: auto;
+    background: rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(5px);
+    border-radius: 10px;
 }
 
 .icon {

css/index.css

@@ -10,3 +10,8 @@ body {
     padding: 10px;
     background-color: black;
 }
+
+iframe {
+    width: 50%;
+    height: 50%;
+}

css/search.css

@@ -0,0 +1,21 @@
+.searchblock {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+#search-in-google {
+    padding: 10px 50px;
+    font-size: 20px;
+    margin: 10px;
+    border-radius: 30px;
+    border: none;
+    background: rgba(255, 255, 255, 0.7);
+    backdrop-filter: blur(5px);
+    transition: 0.3s;
+}
+
+#search-in-google:hover {
+    box-shadow: white 0 0 20px;
+}