чистый css

React/HW_React_3/HW/src/App.scss

@@ -1,28 +1,35 @@
 body{
   margin-bottom: 100px;
   padding-left: 50px;
-  hr{
+}
+
+hr{
     margin-left: -50px !important;
-  }
+}
+
   .BTF{
     display: -webkit-flex; 
     display:flex;
     flex-direction: nowrap;
-    .btf1{
+    
+  }
+
+  .btf1{
       height: 20px;
     }
     .btf2{
 
     }
-  }
+
   .h{
     width:20%;
     margin-left:-10px !important;
   }
+
   .clock{
     margin-top: 30px;
   }
+
   .bckgr:hover{
       background-color: pink;
-  }
-}
+  }

React/HW_React_3/HW/src/App.js

@@ -1,6 +1,6 @@
 import {useEffect, useState, useRef} from "react";
 import React from 'react';
-import './App.scss';
+import './App.css';
 import ClockFace from './pics/ClockFace.png'
 import ClockSec from './pics/ClockFace_S.png'
 import ClockMin from './pics/ClockFace_M.png'