Added 'user-select: all' to email on contact page; formatted some css

files

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-website",
-  "version": "0.2.15",
+  "version": "0.2.16",
   "private": true,
   "dependencies": {
     "@fortawesome/fontawesome": "^1.1.8",

src/components/ClearButton/index.css

@@ -1,4 +1,6 @@
-.clear-button, .clear-button:link, .clear-button:visited {
+.clear-button,
+.clear-button:link,
+.clear-button:visited {
   border: 2px solid rgb(59, 65, 82);
   border-radius: 2px;
   color: white;

src/components/Header/index.css

@@ -4,6 +4,7 @@
   margin-bottom: -5px;
   width: 65%;
 }
+
 .header-container h2 {
   margin-bottom: -5px;
 }

src/containers/Contact/index.css

@@ -7,12 +7,13 @@
 }
 
 .contact-container p {
-  @import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono');
+  @import url("https://fonts.googleapis.com/css?family=IBM+Plex+Mono");
   background-color: rgb(216, 221, 233);
   border-radius: 5px;
   color: rgb(46, 51, 64);
-  font-family: 'IBM Plex Mono', mono;
-  margin:  10% auto;
+  font-family: "IBM Plex Mono", mono;
+  margin: 10% auto;
   padding: 5px;
+  user-select: all;
   width: 150px;
 }

src/containers/Experience/index.css

@@ -29,8 +29,8 @@
   margin-top: 0;
 }
 
-@media screen and ( max-width: 500px ) {
-  .experience-container>div {
+@media screen and (max-width: 500px) {
+  .experience-container > div {
     flex: 1 0 100%;
     margin: auto;
   }

src/containers/Projects/index.css

@@ -19,8 +19,7 @@
   margin-top: 3%;
 }
 
-
-@media screen and ( max-width: 500px ) {
+@media screen and (max-width: 500px) {
   .projects-container div {
     flex: 1 0 95%;
   }

src/index.css

@@ -1,6 +1,6 @@
 body {
   background-color: rgb(46, 51, 65);
   color: rgb(254, 255, 254);
-  font-family: 'Gothic A1', sans-serif;
+  font-family: "Gothic A1", sans-serif;
   font-size: 100%;
 }