App.css
1 .App { 2 text-align: center; 3 } 4 5 .App-logo { 6 height: 40vmin; 7 pointer-events: none; 8 } 9 10 .App-header { 11 background-color: #003f8c; 12 min-height: 100vh; 13 display: flex; 14 flex-direction: column; 15 align-items: center; 16 justify-content: center; 17 font-size: calc(10px + 2vmin); 18 color: white; 19 } 20 21 .App-link { 22 color: #61dafb; 23 } 24 25 .fa-brands { 26 padding: 20px; 27 font-size: 30px; 28 width: 50px; 29 margin: 10px; 30 text-align: center; 31 text-decoration: none; 32 } 33 34 .fa-brands:hover { 35 opacity: 0.7; 36 } 37 38 /* Twitter */ 39 .fa-x-twitter { 40 background: #55acee; 41 color: white; 42 } 43 44 /* Linkedin */ 45 .fa-linkedin { 46 background: #55acee; 47 color: white; 48 } 49 50 /* Reddit */ 51 .fa-reddit { 52 background: #55acee; 53 color: white; 54 }