replaced all css w/ tailwind css

src/components/Modal.tsx

@@ -1,5 +1,4 @@
 import React from "react"
-import style from "./../style/Modal.module.scss"
 
 interface Props {
 	show: boolean
@@ -8,10 +7,14 @@ interface Props {
 
 const Modal: React.FC<Props> = (props) => {
 	return (
-		<div className={`${style.overlay} ${!props.show && style.hidden}`} onClick={()=>{
-			props.onCloseClick?.()
-		}}>
-			<div className={style.body} onClick={(e)=>{
+		<div 
+			className={`${!props.show?"hidden":"" } 
+			fixed z-10 left-0 top-0 w-full h-full 
+			flex justify-center items-center bg-white bg-opacity-80`}
+			onClick={()=>{
+				props.onCloseClick?.()
+			}}>
+			<div className="bg-white mx-auto p-5 border-2 w-10/12 overflow-hidden max-h-full" onClick={(e)=>{
 				e.stopPropagation()
 			}}>
 				{props.children}