CSS isnt making changes to my site pls help

What have I done wrong I have looked over it like 15 times but my .social-call isnt linking.

<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/stylesheet.css"/> 
<link rel="shortcut icon" href="images/defenderzon-icon.png"/>
<script src="https://kit.fontawesome.com/c8e4d183c2.js" crossorigin="anonymous"></script>

        <div class="social-call">
            <div class="social"> 
            <a href="#"><i class="fab fa-facebook"></i></a>
            <div class="phone">
            <span>Call 236-8607</span>



@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins', sans-serif;
    background-color: #ffffff;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
    width: 100%;
    box-shadow: 2px 2px 30px rgba(0,0,0,0.05);
    z-index: 100;
   height: 40px;
   border: 1px solid rgba(0,0,0,0.05);
   display: flex;
   justify-content: center;
   text-align: center;
.social a{
    margin: 0px;
    color: rgba(0,0,0,0.05);
    font-size: 14rem;

maybe your plenty dashes(------) in your comments is messing with your code

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.