Rozumiem, co się stało. W Twoim oryginalnym pliku main.css znajdowały się błędy składniowe (jak słowo wiersznav na samym początku oraz ten nieszczęsny nawias na końcu), które połączone z Twoimi próbami edycji prawdopodobnie "rozbiły" całą strukturę kaskadową.

Poniżej przygotowałem kompletny, naprawiony plik main.css. Usunąłem z niego błędy, uporządkowałem reguły i dodałem na samym końcu sekcję odpowiedzialną za niebieskie linki w article.

Skopiuj całą poniższą zawartość i zastąp nią wszystko, co masz obecnie w main.css:

CSS

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: blue;
    text-shadow: none;
}

::selection {
    background: blue;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio, canvas, iframe, img {
    margin-top: 5px;
    margin-left: 5px;
}

svg, video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: blue;
    color: #000;
    padding: 0.2em 0;
}

/* ===== Initializr Styles ===== */

body {
    font: 16px/26px Helvetica, "Helvetica Neue", Arial;
    background-color: whitesmoke;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

/* Kolory główne motywu */
.header-container {
    border-bottom: 2px solid black;
}

.footer-container,
.main aside {
    border-top: 2px solid black;
    background: teal;
}

.header-container {
    background: teal;
}

.title {
    color: white;
}

/* Linki ogólne (poza specjalnymi sekcjami) */
a {
    color: darkblue;
    text-decoration: none;
}

a:visited {
    color: darkblue;
}

/* ============== MOBILE: Menu ============== */

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav a {
    display: block;
    margin-bottom: 10px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: yellow !important;
    background: black;
}

nav a:hover {
    color: white !important;
}

/* ============== MOBILE: Main ============== */

.main {
    padding: 5px 0;
    text-align: justify;
}

.main article h1 {
    font-size: 2em;
}

.main aside {
    color: white;
    padding: 20px 5% 10px;
}

.main aside a {
    color: white !important;
    text-decoration: underline;
}

.footer-container footer {
    color: white;
    padding: 20px 0;
    text-align: center;
}

.footer-container a {
    color: white !important;
}

/* Klasy pomocnicze autora */
.blogdata { font-family: Trebuchet; font-size: 12px; text-align: right; }
.refleksjepolonisty { font-family: Trebuchet; font-size: 15px; }
.blogwpis { font-family: Arial Narrow, Trebuchet; font-size: 17px; }
.wiersz { margin-left: 30px; font-family: Arial Narrow, Trebuchet; font-size: 15px; }

/* ==========================================================================
   Media Queries - Odpowiadają za to, żeby strona się nie "rozpierdalała"
   ========================================================================== */

@media only screen and (min-width: 480px) {
    nav a {
        float: left;
        width: 27%;
        margin: 0 1.7%;
        padding: 25px 2%;
        margin-bottom: 0;
    }
    nav li:first-child a { margin-left: 0; }
    nav li:last-child a { margin-right: 0; }
    nav ul li { display: inline; }
}

@media only screen and (min-width: 768px) {
    .header-container, .main aside {
        box-shadow: 0 5px 10px #aaa;
    }
    .title { float: left; }
    nav { float: right; width: 38%; }
    .main article { float: left; width: 57%; }
    .main aside { float: right; width: 28%; }
}

@media only screen and (min-width: 1140px) {
    .wrapper {
        width: 1026px;
        margin: 0 auto;
    }
}

/* Helper classes */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* Linki wewnątrz artykułu - bez podkreślenia */
article a {
    color: #0000FF !important;       
    text-decoration: none !important; /* Usunięcie podkreślenia */
    transition: color 0.3s, text-decoration 0.3s;
}

article a:hover {
    color: #00008B !important;       
    text-decoration: underline !important; /* Podkreślenie pojawi się tylko po najechaniu */
}

/* Stylizacja linków w panelu bocznym aside */
.main aside a {
    color: white !important;         /* Wyjściowo biały na tle teal */
    text-decoration: none !important; /* Brak podkreślenia */
    transition: color 0.3s;
}

.main aside a:hover {
    color: yellow !important;        /* Po najechaniu robi się żółty */
    text-decoration: none !important; /* Nadal brak podkreślenia */
}