Separated CSS data from html

2025-10-17 14:08:58 -05:00
parent 07589dd6e9
commit 31efec0f90
4 changed files with 151 additions and 157 deletions
--- a/stylesheets/links.css
+++ b/stylesheets/links.css
@ -0,0 +1,49 @@
+*{
+    margin:0;
+    padding:0;
+}
+body{
+    background-color: #2f0849;
+    text-align: center;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}
+#mainView{
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    background-color: rgba(47, 105, 211, 0.479);
+    margin-top: 3vh;
+    height: 94vh;
+    width: 400px;
+    border-radius: 50px;
+}
+.socialList{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 400px;
+    overflow: scroll;
+}
+.socialLink{
+    background-color: #227777ad;
+    width: 300px;
+    margin: 5px;
+    border-radius: 50px;
+    height: 200px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+li{
+    height:80px;
+}
+ul{
+    list-style: none;
+}
+img{
+    width: 50px;
+    height:50px;
+}