.Socials {
    color:black;
    text-shadow: -2px -2px crimson;
}

body {
    background:darkslateblue;
    color: white;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
}

/*TEST THIS CODE OUT TO SEE IF IT WORKS
(The expected output is for it to have a "deep" look, 3D in a way. Also got it from https://html-css-js.com/css/generator/text-shadow/ for future reference in case I want to add more stuff like this

color: #e0dfdc;
background: #556677;
letter-spacing: .1em;
text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0,0,0,0.9);