update

index.css

@@ -1,5 +1,5 @@
 body {
-  background-color: black;
+  background-color: #212121;
   font: 1em Roboto;
   color: white;
   text-align: center;
@@ -7,12 +7,24 @@ body {
 
 .naslov {
   color: white;
-  background-image: url("https://unsplash.it/4000/400");
+  /* background-image: url("assets/bg.jpg"); */
+  /* filter: blur(10px); */
   height: 400px;
   width: 100%;
   display: flex;
   justify-content: center;
-  border-radius: 15px;
+  position: relative;
+  /* border-radius: 15px; */
+}
+
+.background {
+  position: absolute;
+  left: 0px;
+  right: 0px;
+  height: 100%;
+  width: 100%;
+  z-index: -1;
+  filter: blur(5px);
 }
 
 .naslov h1 {
@@ -57,4 +69,13 @@ a:visited {
 
 a:hover {
     color: #1e2877;
+    text-shadow: 3px 3px 3px #000000;
+}
+
+.linkimg {
+  border-radius: 5px;
+}
+
+.linkimg:hover {
+  box-shadow: 3px 3px 3px #000000;
 }

index.html

@@ -11,6 +11,7 @@
     </head>
     <body>
         <div class="naslov">
+            <img class="background" src="assets/bg.jpg">
             <h1>Lovro Govekar</h1>
         </div>
 
@@ -19,13 +20,13 @@
                 I'm a software developer and a student of the Vegova Ljubljana gymnasium. 
                 I have been programming since I was 12 years old. 
                 Currently I am working on our team's entry for the European Cansat competition. 
-                I also use Arch GNU/Linux btw.</p>
+                I also use Arch GNU/Linux (btw) and I listen to Pink Floyd.</p>
         </div>
         <hr>
         <div class="section" id="contacts">
-            <a href="https://github.com/LovroG05"><img src="assets/GitHub-Mark-Light-120px-plus.png" height="48px" width="48px"></a>
-            <a href="https://gitlab.com/LovroG05"><img src="assets/gitlab-logo-500.png" height="48px" width="48px"></a>
-            <a href="https://www.linkedin.com/in/lovro-govekar-531939232/"><img src="assets/linkedin.png" height="48px" width="48px"></a>
+            <a href="https://github.com/LovroG05"><img class="linkimg" src="assets/GitHub-Mark-Light-120px-plus.png" height="48px" width="48px"></a>
+            <a href="https://gitlab.com/LovroG05"><img class="linkimg" src="assets/gitlab-logo-500.png" height="48px" width="48px"></a>
+            <a href="https://www.linkedin.com/in/lovro-govekar-531939232/"><img class="linkimg" src="assets/linkedin.png" height="48px" width="48px"></a>
         </div>
         <hr>
         <div class="section">
@@ -41,10 +42,10 @@
                     <a href="https://golobii.com/">Luka Golob Cerar</a>
                 </li>
                 <li>
-                    <a href="https://aikenahac.com/">Aiken <strong>Tine</strong> Ahac</a>
+                    <a href="https://babnik.io/">Matic Babnik</a>
                 </li>
                 <li>
-                    <a href="https://babnik.io/">Matic Babnik</a>
+                    <a href="https://aikenahac.com/">Aiken <strong>Tine</strong> Ahac</a>
                 </li>
                 <li>
                     <a href="https://www.zigakralj.com/">Žiga Kralj</a>
@@ -52,7 +53,6 @@
             </ul>
         </div>
         <hr>
-        <p>Yes, the pictures are random and change on reload</p>
 
         
         <script src="" async defer></script>