No commit message

No commit message

src/Home.js

 import bg from './img_study.jpg'
 import React, { useState } from 'react'
 import { Redirect } from 'react-router-dom';
+import './Home.css'
 
 
 function Home() {
@@ -25,15 +26,15 @@ function Home() {
     return (
         <>
             {done ? <Redirect to='/quiz' /> : ''}
-            <div style={{ backgroundImage: 'url(' + bg + ')', backgroundColor: "grey", backgroundSize: "100%", width: "100%", height: "880px", backgroundRepeat: 'no-repeat' }}>
+            <div className="Main">
             {/* <div className="Main"></div> */}
 
                 <div className="Box">
-                    <div className="Name" style={{ fontSize: '30px', position: "absolute", top: "330px", left: "38%" }}>
+                    <div className="Name">
                         이름을 입력하세요
-                        <input style={{ marginLeft: '30px', inlineSize: '200px', blockSize: '40px', fontSize: '40px' }} onChange={handleChange} />
+                        <input className="input-style" onChange={handleChange} />
                         <div className='Box2'>
-                            <button style={{ marginTop: '35%', blockSize: '100px', inlineSize: '200px', fontSize: '35px' }} className="QuizStart" onClick={checking}>Quiz Start !</button>
+                            <button className="QuizStart" onClick={checking}>Quiz Start !</button>
                         </div>
                     </div>
                     {/* localStorage를 사용해야는지 localstorage를 사용해야하는지 */}