Проблем с "link-кването" на .css файла ми към .html

Здравейте,

имам проблем с линкването на 2-та файла. Пробвах всичко за, което успях да се сетя, но не се получава и нямам представа защо. Моля помагайте!

Тъй като кода е малък ще го сложа направо тук:

HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Languages</title>
        <link rel="langs" type="text/css" href="langs.css">
    </head>
    <body>
        <p style="font-size: 17px">Programming languages like 
        <span class="lang">PHP</span>, 
        <span class="lang">JAVASCRIPT</span>, 
        <span class="lang">C#</span> and 
        <span class="lang">Java</span> are general-purpose.</p>
    </body>
</html>

css

body {
    background:#EEE; 
    line-height:1.5em; 
    font-size:24pt;
}

.lang {
    border:1px #AAA;
    border-radius: 10px;
    background:#CCC; 
    padding: 10px
}

Тъй като на няколко места го видях, по различен начин да се пише "<link ..... >", пробвах го и със самозатварящ се вариант <link ..... />. Пробвах да преместя файловете в друга папка (отново заедно), и какво ли още не пробвах ама не зацепва и не прави никакви промени, като заредя .html файла. Editor-a ми е "Visual studio code", ако това изобщо има някакво значение за проблема.

Моля за помощ :)