Fix styles on pages: home, login and detail

src/pages/detail/index.js

@@ -1,4 +1,4 @@
-import { Container, Content, Background, ImageTitle, Controls, PlayButton, TrailerButton, AddButton, GroupWacthButton, SubTitle, Description } from './styles';
+import { Container, Content, Background, ImageTitle, Controls, PlayButton, TrailerButton, AddButton, GroupWacthButton, SubTitle, Description } from '../../styles/pages/detail';;
 
 export default function Detail() {
     return (

src/pages/index.js

@@ -3,11 +3,12 @@ import { useRouter } from 'next/router';
 import { useEffect, useState } from 'react';
 
 import Header from '../components/Header';
-import { Container } from './home/styles';
 import Carousel from '../components/Carousel';
 import Viewers from '../components/Viewers';
 import Movies from '../components/Movies';
 
+import { Container } from '../styles/pages/home';
+
 export default function App() {
     const [user, setUser] = useState(false)
     const router = useRouter();
@@ -16,7 +17,7 @@ export default function App() {
         if (!user) {
             router.push('/login');
         }
-    }, [])
+    }, []);
 
     return (
         <>

src/pages/login/index.js

@@ -10,7 +10,7 @@ import Originals from '../../components/Originals';
 import Download from '../../components/Download';
 import FooterLogin from '../../components/FooterLogin';
 
-import { Container } from './styles';
+import { Container } from '../../styles/pages/login';
 import { Materials } from '../../utils/lists';
 
 export default function Login() {

src/pages/detail/styles.js → src/styles/pages/detail/index.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { colors } from '../../styles/partials/_variables';
+import { colors } from '../../partials/_variables';
 
 export const Container = styled.div`
     position: relative;