debuggyo
diff --git a/‎images/debuggyicon.png‎
-5.99 KB b/‎images/debuggyicon.png‎
-5.99 KB
diff --git a/‎images/favicon.png‎
-238 Bytes b/‎images/favicon.png‎
-238 Bytes
diff --git a/‎index.html‎
Lines changed: 2 additions & 1 deletion b/‎index.html‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎style.css‎
Lines changed: 19 additions & 4 deletions b/‎style.css‎
Lines changed: 19 additions & 4 deletions
@@ -10,7 +10,7 @@
     <title>debuggyo's Portfolio</title>
 </head>
 <script>
-    function hasTouch() {
+    function hasTouch() {1
         return 'ontouchstart' in document.documentElement
                 || navigator.maxTouchPoints > 0
                 || navigator.msMaxTouchPoints > 0;
@@ -34,6 +34,7 @@
     }
 </script>
 <body>
+    <div class="border"></div>
     <div class="container">
         <img src="images/debuggyicon.png" id="logo">
         <hr>
 
@@ -1,6 +1,20 @@
 body, html {
-    background-color: #0B0B0B;
+    background: 
+    repeating-conic-gradient(#070707 0% 25%, #000 0% 50%)
+    50% / 50px 50px;
     cursor: url(images/cursor/cursor.png), auto;
+    height: calc(100vh - 1em);
+    border-radius: 10px;
+}
+
+.border {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: -100;
+    height: 100vh;
+    width: 100vw;
+    background-image: linear-gradient(#FA6000, #940059);
 }
 
 .container {
@@ -48,7 +62,8 @@ hr {
     border-radius: 20px; 
     border-bottom-width: 3px;
     transition: 300ms;
-    margin-bottom: 10px
+    margin-bottom: 10px;
+    box-shadow: 0px 5px 10px #000000CC;
 }
 
 .button:hover {
@@ -77,13 +92,13 @@ hr {
 }
 
 #teaw {
-    background-image: linear-gradient(0deg, #0b0b0b 30%, #0b0b0b00, #0b0b0b), url('images/teaw.png');
+    background-image: linear-gradient(0deg, #000000EE 40%, #0b0b0b00), url('images/teaw.png');
     background-size: cover;
     background-position: center;
 }
 
 #tat {
-    background-image: linear-gradient(0deg, #0b0b0b 30%, #0b0b0b00, #0b0b0b), url('images/tat.png');
+    background-image: linear-gradient(0deg, #000000EE 40%, #0b0b0b00), url('images/tat.png');
     background-size: cover;
     background-position: center;
     background-repeat: repeat-x;