Newsletter Sign Up Page

To import the fonts i would recommend you to do:

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;400;900&family=Roboto:wght@400;700;900&display=swap'); 
:root{
font-family: 'Roboto', sans-serif;
} 

To center the element try:

body {
background-color: hsl(235, 18%, 26%);
display: grid;
min-height: 100vh;
place-content: center;
}

Someone linked me this and is very useful: The Complete Guide to Centering in CSS

For everything else in the styles i would just recommend you to start from scratch and not use wrappper.

<div class="container"> will do, or look at Bootstrap helps a lot with responsive.