diff --git a/src/assets/styles/Home.module.scss b/src/assets/styles/Home.module.scss index 965247c..14129a5 100644 --- a/src/assets/styles/Home.module.scss +++ b/src/assets/styles/Home.module.scss @@ -184,4 +184,47 @@ transform: translateY(-100px) translateX(var(--x)); opacity: 0; } +} + +// Style for phone + +@media (max-width: 992px) { + .title-main { + font-size: 3rem; + } +} + +@media (max-width: 768px) { + .hero { + height: 100vh; + padding-top: 50px; + } + + .titleMain { + font-size: 2rem; + } + + .subtitle { + font-size: 1.4rem; + } + + .btnPrimary { + padding: 0.5rem 1.5rem; + font-size: 1.2rem; + } +} + +@media (max-width: 576px) { + .title-main { + font-size: 2rem; + } + + .subtitle { + font-size: 1rem; + } + + .btn-primary { + padding: 0.6rem 1.5rem; + font-size: 0.9rem; + } } \ No newline at end of file