добро пожаловать в Stackoverflow.
Если ваш css файл действительно находится в той же папке, что и ваш html файл, как вы сказали в своем вопросе, то вам нужно отредактировать ссылку, чтобы отразить это. На данный момент у вас есть:
<link href="styles/main.css" rel="stylesheet" type="text/css" />
Вы говорите браузеру, что таблица стилей находится внутри папки "styles". Если он действительно находится в той же папке, что и ваш html, то вы бы использовали:
<link href="main.css" rel="stylesheet" type="text/css" />
Чем должен быть href, будет зависеть от структуры папок на вашем сервере, с которой сравнивается css на html и с какого URL вы переходите на страницу html.