fix adaptive

src/pages/main.tsx

@@ -1,7 +1,7 @@
 import React, {useState, useCallback, useRef, useMemo} from 'react';
 import { getFeatures } from '@ijl/cli';
 
-import logo from '../assets/logo-white.svg';
+import logo from '../assets/logo.svg';
 import arrow from '../assets/36-arrow-right.svg';
 
 import { Keyboard } from '../components/keyboard';
@@ -34,7 +34,7 @@ const fullScreenFeature = getFeatures('hub-video-start')?.fullScreen;
 
 const Input = ({ onStart }) => {
     const [value, setValue] = useState('');
-    const [inFocuse, setInfocuse] = useState(false);
+    const [inFocuse, setInfocuse] = useState(true);
     const handleChange = useCallback(event => {
         setValue(event.target.value.toUpperCase())
     }, [setValue]);

src/pages/style.ts

@@ -13,6 +13,10 @@ export const InputWrapper = styled.div`
     padding: 12px;
     display: flex;
     align-items: center;
+
+    @media screen and (max-width: 600px) {
+        flex-direction: column;
+    }
 `;
 export const InputLabel = styled.label`
     position: absolute;
@@ -26,6 +30,7 @@ export const InputElement = styled.input`
     font-size: 24px;
     border-radius: 8px;
     color: #117623;
+    max-width: 90vw;
 `;
 
 export const LogoImg = styled.img`