CSS -> SCSS

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 = () => {