styled front page for mobile screens width greater than 400px

src/styles/details.css

@@ -28,6 +28,16 @@
   font-size: 2.5rem;
 }
 
+@media screen and (max-width: 550px) {
+  .detailsTitle {
+    font-size: 2.5rem;
+  }
+  
+  .detailsComment {
+    font-size: 1.75rem;
+  }
+}
+
 .detailsInfoLinksContainer {
   display: flex;
   flex-direction: row;
@@ -40,6 +50,8 @@
   padding: 0.25rem 0.5rem;
   font-size: 1.5rem;
   text-decoration: none;
+  border-bottom: 2px solid white;
+  border-radius: 5px;
 }
 
 .detailsInfoLinks:hover, .detailsInfoLinks:visited, .detailsInfoLinks:active {
@@ -58,6 +70,12 @@
   transform: translateY(-4rem);
 }
 
+@media screen and (max-width: 650px) {
+  .detailsSocialLinksContainer {
+    display: none;
+  }
+}
+
 .detailsSocialLinksImg {
   max-width: 4rem;
   height: 100%;