Changes to front page, and master css

css/master.css

@@ -21,19 +21,19 @@
     background-color: var(--color-pallete-red);
 }
 
-a {
+.hexlink {
     text-decoration: none;
     font-style: italic;
     color: #a80000;
 }
-a:visited {
+.hexlink:visited {
     color: #a80000;
 }
 
-a:hover::before{
-    content: "\\";
-} a:hover::after{
-    content: "/";
+.hexlink:hover::before{
+    content: ">";
+} .hexlink:hover::after{
+    content: "<";
 }
 
 html {
@@ -138,7 +138,6 @@ body {
     width: 100%;
 }
 
-/*Mobile*/
 @media (max-width: 1000px)
 {
     .aboutme-box {
@@ -164,6 +163,11 @@ body {
 }  .projects-box .card {
     margin: auto;
     padding-bottom: 30px;
+} .projects-box img {
+    width: 100%;
+    height: 100%;
+    border-top-right-radius: 10%;
+    border-top-left-radius: 1%;
 }
 
 @media (max-width: 1000px)
@@ -177,10 +181,21 @@ body {
     }
 }
 
+/* CONTACT SECTION */
+#contact {
+    width: 100%;
+}
+
+.contact-box {
+    margin: auto;
+    width: auto;
+    height: auto;
+} 
+
 /* Cards */
 .card {
-    width: 350px;
-    height: 550px;
+    width: 300px;
+    height: 500px;
 } .card .upper {
     width: auto;
     height: 60%;