.main { background-color: #212126; width: 100%; position: absolute; height: 100vh; } .main h1 { text-align: center; font-size: 6rem; margin-top: 5%; } .form { margin: 6rem auto; width: 50%; position: relative; border-radius: 7px; box-shadow: 0px 0px 15px -3px rgba(0,0,0,1); padding: 1rem; } .form h3 { display: block; width: 90%; margin: 0 auto; margin-bottom: 1rem; } .submit { position: absolute; width: 6rem; height: 40px; right: 2rem; bottom: 1rem; } .dataInput { width: 90%; display: block; background-color: #2d2d33; margin: 0 auto; margin-bottom: 2rem; } .dataInput:focus { outline: 0; } .info { background-color: #18181b; box-shadow: 0 -1px 6px 1px hsla(0, 0%, 0%, 0.8); width: 100%; } .info h2 { margin: 0; margin-top: 4rem; margin-left: 10%; } .info ul { list-style-type: none; display: inline-block; margin: 3.5rem 0 3rem 10%; padding: 0; font-family: 'Open Sans' } .info h4 { color: gray; } @media screen and (min-width:0px) and (max-width:1000px) { .main h1 { font-size: 4rem!important; margin-top: 15%!important; } .form { width: 90%!important; } }