diff --git a/src/assets/stylesheets/bubble.scss b/src/assets/stylesheets/bubble.scss index 1427009..846dab0 100644 --- a/src/assets/stylesheets/bubble.scss +++ b/src/assets/stylesheets/bubble.scss @@ -14,11 +14,11 @@ display: flex; flex-direction: column; position: relative; - padding-bottom: 50px; + margin: 30px; } .bubble_main { - width: 40vw; + width: 100%; } .bubble_main h1 { @@ -60,7 +60,7 @@ @media screen and (max-width: 650px) { // Phones .bubble_main { - width: 80vw; + width: auto; } .bubble_main h1 { diff --git a/src/assets/stylesheets/home.scss b/src/assets/stylesheets/home.scss index 6b4f3a0..47969bf 100644 --- a/src/assets/stylesheets/home.scss +++ b/src/assets/stylesheets/home.scss @@ -51,18 +51,38 @@ } .home__content__info { - height: auto; + height: 100vh; width: 100%; margin: 0px; padding: 0px; background: linear-gradient(#353535, #232323); + display: flex; + align-items: center; + justify-content: center; + +} + +.c { + margin: 0px; + padding: 0px; + width: 80%; + height: 80%; + position: relative; + display: flex; + opacity: 100%; + flex-direction: column; + justify-content: center; + background: transparent; + z-index: 0; } @media screen and (max-width: 650px) { // Phones + .home__content__panel__title { + font-size: 45px; + } } - // Animations @keyframes textSlide { diff --git a/src/components/Bubble.js b/src/components/Bubble.js index 8abe199..3529e69 100644 --- a/src/components/Bubble.js +++ b/src/components/Bubble.js @@ -6,10 +6,10 @@ export default class Bubble extends Component { render() { return (