CSS -> SCSS

src/App.tsx

@@ -1,4 +1,4 @@
-import './App.css';
+import "./App.scss";
 import { BrowserRouter as Router, Switch, Route, Redirect } from "react-router-dom";
 import { Main } from './pages/Main';
 import { Registration } from './pages/Registration';

src/components/Header.tsx

@@ -1,4 +1,4 @@
-import "./styles/header.css"
+import "./styles/header.scss"
 
 export const Header = () => {
     return (

src/components/Menu.tsx

@@ -1,4 +1,4 @@
-import "./styles/menu.css";
+import "./styles/menu.scss";
 
 export const Menu = () => {
     return (

src/components/NotFound.tsx

@@ -1,4 +1,4 @@
-import "./styles/notFound.css";
+import "./styles/notFound.scss";
 
 export const NotFound = () => {
     return (

src/components/Program.tsx

@@ -1,5 +1,5 @@
 import { Link } from 'react-router-dom';
-import "./styles/program.css";
+import "./styles/program.scss";
 
 export const Program = () => {
     return (

src/components/RegForm.tsx

@@ -2,7 +2,7 @@ import { Button, Checkbox, Col, Form, Input, Row, Select } from 'antd';
 import { useParams } from 'react-router';
 import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
 
-import "./styles/regForm.css";
+import "./styles/regForm.scss";
 import { addVisitor } from '../api';
 import { arrayToString, capFirstLetter } from './utils';
 import { Visitor } from '../model/visitor';

src/components/SideNav.tsx

@@ -1,4 +1,4 @@
-import "./styles/sideNav.css";
+import "./styles/sideNav.scss";
 import { Link } from 'react-router-dom';
 
 export const SideNav = () => {

src/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
-import './index.css';
+import './index.scss';
 import App from './App';
 
 ReactDOM.render(

src/pages/Main.tsx

@@ -1,4 +1,4 @@
-import "./styles/main.css";
+import "./styles/main.scss";
 
 import { useParams } from "react-router-dom";
 import { Menu } from '../components/Menu';

src/pages/Registration.tsx

@@ -1,4 +1,4 @@
-import "./styles/registration.css";
+import "./styles/registration.scss";
 
 import { Header } from '../components/Header'
 import { RegForm } from '../components/RegForm'