запись начал экран я поделился кроем а всё остальное я не открыл да меня же открывается что сейчас ещё не Ещё чуть-чуть немного какже долго жва Это мясо очень долго очень долго ётся мясо Ладно всё я здесь так Али сказал что загрузил Урала проект полился Амина Амина неизвестна я не дела бы всё Кул так тогда нужно сперва посмотреть по Али так же не получится ты тоже в этот раз через ЗИП загрузил уроки уроки о не си доверяю Почему WhatsApp находится под картину за индекс Вот это не справилась это ну э анимация Работает самое главно я а какую я ещё анимацию добавил вот эта Стрелка Ну позиция у неё плохая конечно но в принципе он самое главное работает тут я сразу начну ки искать правильно Down правильно коче хорош ме хорош я тут пытался Animation де сделать чтобы он пульсировать через некоторое время но не получилось то есть с задержкой да С задержкой чтобы анимация повторялось не вот эта задержка он сработает только в самом начале то есть страница открылась 10 секунд задержка проходит И после этого анимация начинается секунду индекс нужно же индекс сделать пусть будет 100 всё А поч а преподаватели так и не заработали Да ладно я конт вообще не менял Кроме этого Ватсапа ид стрелки офл так ла Сегодня мы пройдём что мы пройдём что я угодил scss ай-яй Ладно верю ещ мира признавайтесь А ты про домаш задание его что месяц два папка пустая кроме урок один вот с S с S ещё вот так сделаю так у меня по-моему даже обсидиан есть по нему вот этот вот вот это теперь не всё ещё квая Ладно смотрите сегодняшняя тема - это сас это при процесс для цесса то есть читайте что-то расширение вот так то есть надстройка на CSS Обычно вот который добавлять некоторые плюшки скажем так эти плюшки - это переменные миксины и вложенные стили со вложенными стилями мы уже плюс-минус знакомы с обычным ССС то есть Видите вот на внутри него у меня г идёт внутри тега ня г идёт потом г а потом Вот это та же самая ложность что и в обычном цсе по сути но с некоторыми особенностями переменные они тоже похожи на переменные которые мы создавали в ЦСС но нам не нужно там Вары использовать либо там через т элемент создавать переменную мы можем просто просто в любом месте создать переменную и потом его использовать и в принципе так про перемен вообще Есть у какого вопрос Что такое переменные понимаете ли вы что такое перемены значение которое можно [музыка] мне значение которое можно ють нет можно менять типа ну да переменное оно может меняться Ну вот то есть это просто какая-то считайте что коробка которой хранится какие-то данные в случае переменных в сас там можем хранить всё что угодно по сути вот 20 пикселей н Family мы можем сохранить основной цвет красный Типа так вот миксины это немного наверное слож для сейчас вот вот переиспользовать что у меня нескольких вот кнопки есть несколько кнопок и к каждому из них я должен добавить Тень в обычном мне пришлось там везде А с Амик синами я могу всё это то есть могу отдельную функцию сделать и потом вызывать эту функцию и у меня сразу будут применяться тени вот с градиентом тоже пример То есть я туда передаю первый цвет и второй цвет и у меня Градиент автоматически сам применяется и чтобы применить этос мы там должны вот этот in использовать это помогает нам что сохранять принцип Принцип - этог ты повторяешь сам себя всто того чтобы постоянно прописывать вот с префиксами Вот это и это префикс называется это для разных браузеров нужно чтобы ваш сайт в принципе работал одинаково на всех браузера вот сильно стоит то что Shadow 10 пикселей - это по иксу 10 пикселей - это по иреку 40 пикселей это размытие И вот последнее - это у меня цвет какого цвета у меня будет тень вот с Градиент тоже Red BL просто передали и у меня вот вот эти Red Blue они поставя в места Color 1 и Color 2 видите тут вместо переменной Color 1 у мне постави R вместо переменно Color 2 поста ставится блю это типа сокращение это типа Можно сказать сокращение то есть Мы создали какой-то блок пере используемый и вместо того чтобы вот этот блок полностью писать в обычном цсе мы просто вызываем этот блок и этот блок сам применяется типа ну это можно сказать что сокращение да что или ты сокращение случайно нажал а а зачем nots нужен он нужен как раз чтобы SAS использовать вот этот потому что в принципе сперва желательно nots считайте что это браузер который находится в вашем терминале можете так ассоциировать No chs мы в этом браузере Ну точнее внутри среды nos можем запускать JavaScript C и Зачем нам node 6s нужен сейчас потому что он нужен нам потому что SAS он компилируемый язык то есть мне браузер не понимает Сам синтезис вот этого саса Мне нужно стили которые написаны на сас конвертировать в обычный CSS и это делается через JavaScript и нам как раз здесь нужен node chs а вместе с nots у вас должно было установиться ipm Вот этот Если вы там откроете терминал свой напишите напишите node тив либо npm ти V у вас должно выйти примерно так вот тик установили но можете его у себя чекнуть Вот это проверьте версии они установлены вообще Всё правильно так се эти темата менеджер пакетами называется межер пакетами Это что такое Это условно просто приложение консольное то есть внутри консоли у вас мот приложение тоже консольно приложение которое устанавливает кото устанавливает пакеты разным ровать с обыч Ну код на сас в обычной CSS здесь как раз вообще в принципе процесс написа Исходный код на сас потом происходит компиляция и он конвертируется в обычный CSS код ту нам нужно вот это установить вот эту команду давайте я скопирую отправ Те у кого тамс может луше установить Вот это и потом он может перейти уже Извините а мы сейчас что-то делаем да да мы устанавливаем сас А как это надо было делать открываешь командную строку Вил уже этот как называтся No JS Ага просто открываешь cmd да да Пишешь npm тире G что там сейчас он же показывал сейчас что в чато справа Вроде так правильно пола Я кто-то установил А да а на игу скриншот у меня правильно всё идёт Да а Да правильно Ани Да у меня так вышло А на рассол у тебя как получилось отлично так дальше то что снится пока что не нужно нам нужно вот эта часть Теперь если вы там в терминале для командно строки напишете то уже установ кон приложени запускать но он Принимает два аргумента во-первых Первое - это код на сас второе - это куда он сохранит давайте как раз тут это будем делать Я сейчас создам это урок шестая папка Я создам CSS и Отдельно ещё папку сас вотт са содам Main ой видите расширение вот такое мы создам mcss вот простоем пере и всё это фай где мы будем писать можете пока се создать Аа я не буду создавать Давайте внутри не будем начнём с чего с того что мы Ту же самую архитектуру будем принимать применять принимать что ещё и Давайте тут смотрите Я сейчас подчёркивание потом пишу имя файла wbl типа переменные и потом указываю его расширение scss И тут я уже могу создавать переменные А мы создаём перемены в ССС какой CS как мы создаём переменно в СС мы уже видели уже ну Ладно сперва по делайте Вот это не будем торопиться составте вот эти папки Main scss папку CSS тоже отдельно по о а так доделали [музыка] Я да а там были внутри папок какие-то файлы внут абстракт вот такой файл Нижне почер А ещё какие-то есть может создать опять что animations Ну те же самые файлы которые мы создавали до этого с обм ССМ вот понятно но только расширение другое теперь и нижний подчёркивание с перед ними а можете папки показать пова а полова не ла а бо а а можно немного выше там где ста Спасибо вы раз да по с ви казали тиче пот Son пересечение а НТО что я Так а у меня микрофон это время бы отключен что ли всё равно слышно У всех же получилось у Ами вроде всё да так начнём с переменных Наверное я мы создаём переменные в сас вот так ставим сперва знак доллара потом даём имя переменной Вот тут когда мы даём имя переменно Желательно чтобы что-то было со смыслом Например если это связан То есть это акцентный цвет который чаще всего используется в вашем сайте например там col Prim ему дать цвет А название Primer и пусть у него Цвет будет не знаю просто Red Пусть ре это останется так и там Color secondary это типа вторичный цвет на вашем сайте пусть будет там лю вот по итогу это сайт у вас про Спайдермен если что ок это к вот дальше переменные мы пока что только цвета в нём сохраняли мы в любом формате можно цвета там сохранять Color primary и в формате GP Ну ладно ЧНУ на пишем тогда Вот мо можем в формате GP сохранять в других форматах тоже А мы можем в переменных там сохранять а дел панг Не знаю давайте н Сай наверное с и там пусть будет 1,6 типа дефолтный размер в принципе вашего сайта текста для вашего сайта а не знаю там правда таких переменных вам никогда не нужны будут но можно там сохранить там р сверху если это вам нужно прям по какой-то причине можете Вот перемену сохранить Но обычно Перемен в основном хранятся цвета некоторые довольно сто используемые Вот это для шрифта можно отдельные размеры там для маржина пати и так далее вот в абстрактен новый файл это будет scss тут уже в это в этом файле будут лежать тут у меня переменные будет лежать и чтобы сделать делаем даём имя там пусть будет и открываю фигур скобки я пишу Вот меня отцентрировать на меня какие-то блок блоки какие-то нем не придётся вот эти три стиля писать я просто могу вместо этого вызвать ксин и он меня всё сработает Да вот есть ещё другой а наверное вот этот немного модифицируем у нас смотрите у есть направление иногда нам нужно его менять а мы хотим Вот вы вот этот но мы не можем у него указать его направление и в таком случае я могу ВН переда и тут Я создаю типа переменную это по сути и есть переменная как вот и потом я могу вот как раз использовать Вот Но что если я не хочу там е передавать например ю есть какой-то впер я там применяю через include свой mixin уми называется fbox Cent и туда я передаю Row Вот так это у меня получа автоматически подставит вот этот ксин но вместо дарек вот здесь подставит значение которое я вот здесь написал но есть ещё значение по умолчанию Я могу написать и тогда мне не нужно вот это ро передавать мне придётся туда аргументы Вот это кстати называется аргументы обычно можно вот так сделать это же неже вот то что здесь написал перева аргументы эти аргументы можно передавать когда мы вызываем вот этот Мик я мог там кам написать Вот либо у этих аргументов есть значение по умолчанию если я когда вызвал ксин не передал никаких аргументов то ксин применит значение по умолчанию а значение по умолчанию у него вот этот вот здесь я могу вот ка применить и в принципе здесь вот этот Кан он пере запишет вот этот рол который здесь стоял до этого вот сены Вот они такие Что ещё в принципе [аплодисменты] тебе было Вот это написать тут лень или как что ро написать было лень или как в смысле я это передаю как аргумент а то есть типа класс ты передаёшь другой класс это это функция счита врите А вот это аргумент и у там направление разное же может быть Вот поэтому отдель добавил аргумент подставляется вот сюда и вс он ещё в точеной компании Халка работает нормально так с амиксина всё понятно угу угу угу давайте давайте давайте так а сайт зайдём Почему здесь макеты такие сайт по борьбе с су мошенничеством у них сайт не работает skills с Но короче не Ладно на вощение да А я могу репорт Вот это сделать вы вышли из аккаунта я где-то сохранял вот эту Давайте что-нибудь отсюда сверстать сейчас используя сас М это не па наи тут почему-то Премиум нуж мне вот level о Атон абстракт Давайте Вот это наверное вот здесь все цвета стоит что какой проект возьмём какой вам больше всего нравится что-нибудь минималистично что вот это что-нибудь а что это это всё будем делать а дабо м что-то минималистичное Ну что-то странно Вот это слишком долго да Ну можем вот такое сделать давай это это доп версия только у меня нет картины можете всё остальное сами подбирай во-первых условия задания все цвета долж бых на кноп долж быть написа в отдельном компоненте на к тоже есть точно отдельно будет лежать вот эти е это вс чтите хорошо А ещё хотя бы один миксин должен быть применён например миксин можете применить на кнопку Ну да может Като может анимацию добавить на кнопке чтобы они немного там вверх поднимались и добавлялась тень какая-то давайте я отправлю Вот это кто там кто Вот это делает Ты когда чернокожим успел с сегодня брат Кай Хут я не слушаю Это ш Я за там районы в районах рисовался так мира Кини бе дерни пожалуйста этот дизайн Извините а вы отправите вот это вот отправил же отправил же А так я сейчас отойду ми раз так что за старшего остаётся Я за главного ребят Сколько времени на это час есть у нас ещё целый час а хорошо [музыка] ня Где на фото чёрно кожей девушки думал в Google так Ой что там Али скрин аэ Спасибо й блин где найти нормальную фотку на аватарку Да ну хорошо давай переотправить [музыка] сейчас Why not Ну О'кей всё Может кто сказать у меня есть закадровый шум какой-нибудь там может клавиатура КЦ КЦ а а е а а можно выключить микрофон пожалуйста конечно у кого-то какой-то Прогресс уже случился у кого ско так у кого-то Прогресс есть какой-то пока что не сильно пока только все элементы маленькие маленький Прогресс там пока пойм какие фалы зайти а у вас на это время уходит меньше всё это потому что мне неудобно так писать что у нас есть на сайте У нас есть какой-то контейнер внутри которого информация о пользователе это получается просто его аватарка имя локация Где она живёт и в принципе её позиция Кто она по жизни по жизни FR Я не знаю что такое А что ты отправил О это получается у меня будет какой-то ну Home тут можно убрать и во-первых вы же помните Да что нужно всё это импортировать в Main scss Вот это сперва со абстракт начнём типа переменные потом импорт ны потом с бейза Вот это потом ещё другое э ну вот анимации типографию после этого импорт леута идёт там хедер у нас там хедера нет даже лефтер сделаем потом импорт страниц Home из CSS и ещё а дальше компоненты там Бано CSS О'кей Вот так и самое главное по-моему я вам не сказал Вы вообще смогли Как там конвертировать ме CSS в обычный что нет не вот так короче что [музыка] Команду команду запустите у себя терминале а в итоге какой Линк указывать в самом индек какой ли указывать папку CSS то там появился вот э ста CSS Ага о то есть здесь в команде написано сас - это имя приложения которой Ну компилятора который будет конвертировать наш код на сас в обычной CSS Вам слово конвертировать А как ещё нормально скать конвертировать тировать интерпретаторы и компилятор - это разные вещи то есть вот этот сас положение которые мы установили Он меняет наш ход на сас в обычном CSS у нас пока что нет кода Давайте в B scss напишем там базовые вещи вот эта звёздочка ма но а у меня вопрос Ага я пытаюсь открыть терминал у меня вот это вот может я что-то не так типа не тот терминал открываю сейчас Окей можешь поделиться сейчас стри ага ты можешь на View нажать А да View и В смысле вот тут терминал стоит да [музыка] FA Open нами да трабы А ты можешь ВД через админа запустить это как Нажми на иконку пуска Виндовса Напиши в код просто можно начать подписать а вот с vs код правая кнопка мыши и дополнительно наверное запуск от имени администратора Попробуй тут открыть терминал [музыка] О открыл да тогда в проводник зайди сейчас Windows проводник Да Открой папку рок 6 вот да Открой не не не так и видишь Там сверху уже стоит ме меся тво Многоточие потом Стрелка вправо урок шесть вот выдели вот эту часть Ну там справа где неь текста тык не А вот ну удали вот всё это и напиши cmd cmd да enter сло и вот терминал открылся Попробуй здесь команду которую я написал вести я его отправил в ГБЦ Так а у вас получается вообще запустить са компилятор терминал сломался говорит Не нашл файл сначала а потом сломался тебя работает рабо показывает потому что ты просто в sss ещё не делал импорт из-за этого говорит у тебя есть ошибка А ты сделала всё это почему у тебя пути разные вот самом верху где А почему там имя па стоит потому что оно не хотела находить если я не ставила надо везде поставить получается а Попробуй удалить и обратно написать всё типа только имр или не в принципе весь импорт удалить Это где там импорт миксина делается нет только импорт миксина самом верху делается Вот попроб просто уть обратно начать писать а кавычки вот работает же абстракт и миксин из-за меня потом главно самое главное точ Зато не забыть всё по-моему теперь ошиб не должно быть в терминале так сказали а я пошёл на нет всё ещё ошибка стоит ушёл центр-то у тебя написано Почему А как у тебя называется какой здесь вот ты применила называется да Опять так на какой на Ритой строке У тебя вот это н стоит и он не работает нене нет у тебя он работает но Открой в код на та на там на какой на тринадцатой на тридцатой строке это ошибка Л А где а так у Али тоже ошибка с правами Так давайте я по сиг поз выберите отладку подключить как Попробуйте вот вот этот CP давайте я себе тоже пою В смысле CP и просто он не работает так по умолча групповых политик введя для этого команду которую вы видите на экране так в открывшемся окне нам нужно найти параметр под названием включить выполнение сценариев он расположен по пути который вы видите на экране вот Вам нужно будет Вот это сделать походу у него сработала хорош видимо загуглил ошибку и нашёл Да поме ну тоже работает но просто нуже че а просто м есть работал ну там походу Вам нужно будет по этому видос включить выполнение сценариев Power Shy И после этого сработает прикол в том что я ничего такого не делал Я только что закрыл то что мне нужно было сверстать всё закрою Ну ладно вот это откроем чтоли отправил Так здесь э Желательно чтобы внутри main.css вы ничего не писали кроме импорта О'кей вот пусть внутри будет написати базовые стили е напишем HTML 5% Вот это видите каждый раз когда я сохраняю какие-то изменения в либо другом любом файле который обратно происходит компиляция с CSS в обычный сцс в обычный CSS точнее и внутри Вот style.css вы можете увидеть измене Ну то что я написал в bss CSS он находится внутри style.css видите то же самое но вот тут а это на норм то что ставил CSS после компиляции кстати там что такое фа J файлы где куто нашёл ДФА мину чтото отправил У меня кажется вышло типа ну когда написано как надо да да Это правильно Это значит что тея работает а теперь просто продолжаю Да окей не даже коман сроке не может мо sss открыть так й файлы прошу скрин показать У меня тоже Кома K M CSS открыть у тебя скорее всего команда сама неправильно написана либо у тебя структура неправильная вот эта команда у вас будет работать лишь только тогда Если у вас есть папка CSS и папка SAS и внутри папки SAS находится main.css потому что мы вот в первом аргументе указали путь к этому файлу и что ещё а внутри папки CSS что там должно быть там ничего там пусто Там автоматически будет генерироваться Вот это style.css И вам нужно CSS подключить к ИК HTML вот Link Я указываю путь не к scss файлу а к CSS табло CSS к этому файлу и тогда у меня всё будет работать Давайте Open Давайте ГРАУ сделаем Ну для этого нужно будет переменную создать а так а это нормально что я вроде создала папки CSS ST CSS но я туда ничего не вводила А теперь там какой-то Бади before и да правильно А понятно Так так ещё вот это пикни вот дальше в P CSS мы можем смоко Вот видите теперь вот здесь у меня бэкграунд чёрный полностью как на макете вот тут а у меня такая проблема то что я пишу в C CSS оно никак не влияет на с Сай то есть а ты подключила CSS к ИК HTML типа Link да [музыка] да А вот это что за ind Я тоже не хочу это скачивать на самом деле это что такое G Я просто какой-то сайт скачал и его ну Я думал то что там HM но там почему-то это так сейчас Это скорее всего какой-то Framework extension А так это да что-то похожее на HTML но внедренные с два скрипто ни какон под мне Осо 20 дол это интересует да is использу Ну вот это другое ну в нём можно HTML писать но можно ещё там и JavaScript написать и в основном используется он для рендеринга на сервере Это слишком сложно будет сейчас это интересна те Всем привет сори я опоздал вы уже много сделали Да ну как мы так ты же скачал да да вот у тебя он скорее всего должен работать там вот ты ведёшь то у тебя версии долж появиться тебе нужно будет скачать вот этот пакет через npm я отправил чат понял А вот этот пакет что он делает это у меня компилятор с саса в обычный CSS А зачем мы компилируемый потому что браузер не понимает код на сас он только насе понимает и поэтому Нам нужен отдельный компилятор который будет компилировать в обч CS и дальше Вот здесь структура теперь вот такая вот это вскроем то есть теперь мы на обы не пишем мы создаём другие файлы с расширением scss но структура та же самая Кстати те самые файлы только вот расширение поменялось перед названием Мы ставим нижнее подчеркивание чтобы импорт был удобный Ага То есть Вот то же самой mss тут тоже импорты те же самые я да подготовил вас на ЦСС ко всему этому немного Вот и здесь мы в принципе особо много мы разбра Как создавать переменные в сае полу знак доллара потом имя переменной дво точи и значение которое будет переменно тоже самое доллар имя переменно дто и значе ещ это как функции на самом деле то есть наверно вы сами уже сталкивались что намм приходится через центрировать какой-то элемент и мы можем это добавить в ксин и просто вызывать этот ксин Я нигде не вызывал этот ксин да давайте вот тут сделаем или Ну ладно вот здесь сделаем то есть делаем сперва вот собачка и потом им поставим точку пятою как всегда и всё здесь ещё у миксина есть аргументы Вот tion - это переменная слыша аргумент у него есть значение по умолчанию это Row если мы не передали вот этот аргумент при подключении КСИ миксина вот здесь то подставить значение по умолчанию но если мы тут передадим там кам понял напишем то здесь вместо вот здесь вместо Dire постави не R а вроде же знаешь вроде программирование Да мину Ну так не очень а функции в принципе знаешь что такое функция Да ну яс [музыка] вот здесь вот как функции тоже есть аргументы тоже их можно вызывать и вот эти аргументы поставляются вместо перемены Ну там нужно будет попрактиковаться пока что и для задания Я дал вот этот простой прямоугольник сделать используя так ссылку на это чате вот здесь вот Давайте скопирую ещё раз и самое важное это как компилировать вот этот код на сайте в обычно CSS там нужно будет в командной строке ввести вот эту команду е так при ты здесь пользовался линуксом или командной строкой Нет вообще нет я я я я вот мы могли бы немного сейчас упростить через вот этот скрипт конечно Ну ладно давайте разберём немного вот здесь видите тут это Баш команда во-первых так Окей сзади шума Наверно у меня вот здесь са это имя пакета который мы установили Вот вот мы его установили и после этого Принимает два аргумента первый аргумент здесь - это путь к sss файлу второй аргумент - Это куда сохранится наш скомпилированный вариант вот этот ти W это у меня флаг называется Он меняет логику компилятора чтобы компилятор постоянно Наблюдал за изменениями в са файле то есть мы делаем какие-то изменения в main.css и у меня автоматически реком происходит и всё Это сохраняется в style.css я в час здесь отправлял команду уже вот эта команда она отличается от того что я показывал потому что А мы находились там в другой директории давайте я обратно открою терминал у меня путь вот такой типа Майская группа меся 46 видите я нахожусь в папке проекты Я всё это закрою вот здесь я нахожусь и поэтому чтобы эта команда сработала Я ставлю точку СШ указываю имя папки SAS И после этого mss и потом точно также путь куда сохранится у меня скомпилированный вариант это CSS это style.css и флажок T вставлю чтобы всё работало как будто слишком быстро се рассказал У тебя же Windows да Или А да У тебя же вроде Windows ли ма рела винда Да тоже вроде да уме винда одиннадцатая или десятая одиннадцатая Linux мне из-за драйверов не зашёл Ну Linux можно пользоваться но он просто в принципе мне нужно перейти на linus по работе но так как в Windows Онам есть vsl где у тебя рядом с винсом лежит вот маленький Linux то особо Linux мне не нужен Чем ты занимаешься Я сайт пишу сайт Ну как там корпоративный сайт Ой не нечёткий я сейчас над этим сайтом работаю здесь типа можно искать информацию о контрагентах например колесо кро Ну просто чёрный список его добавили Ну вот здесь можно типа информацию о компании получить платит ли налоги участвовал ли там в госзакупках Вот это всё ну это больше для B бизнеса когда ты бизнес собираешь какую-то договор сделать с другим бизнесом желательно тебе же нужно проверить адекватный бизнесмен или кто это это полезно Я таким часто пользовался потому что есть же другие сервисы в Казахстане Я не я не знаю на самом деле Да вот резкий Внезапный смех так если не Получи э команду Ну эта команда не сработала то его нужно через запускать скорее всего у меня он работает скорее всего изза триков которые я на винсе делал там ещё комментировал это как Да а у меня наверное просто ноутбук выключился понял Да так я вял команду и теперь Ну просто там пишет что Watch CH Так то лучше экран поделить Ну я теперь писать там не могу как бы она просто как будто что-то делает но ничего не происходит а Попробуй в Main sss из изменения какие-то сделать и сохранить Угу сделал там вышло типа скомпилировать нет у меня там Бади должно было вот так выйти что compil to сюда у него о пошёл наконец-то заработала о какой та а теперь каждый раз поменять или оно будет раз д что порыва СШ как ши CSS и sss подключить к сайту так В смысле мы скомпилировать после этого у тебя в папке CSS появляется ста CSS со стями которые мы написали видите здесь пер я в хоуме тут просто подключил ксин но у меня в стал CSS видите то что я к написал уже подключилась см тоже написано [музыка] не и ты Подключаешь именно вот style.css а не mcss очере Так скорее всего тогда вот это останется на домашнее задание я запись установлю сейчас