:root {
    --varyDarkBlue: hsl(234, 12%, 34%);
    --grayishBlue: hsl(229, 6%, 66%);
    --veryLightGray: hsl(0, 0%, 98%);
    --weight1: 200;
    --weight2: 400;
    --weight3: 600;
}

body {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    background-color: var(--veryLightGray);
}


@media (max-width: 400px) {
    h1 {
        font-size: 1.5rem;
    }
}

.header {
    text-align: left;
    line-height: 0.8;
    margin-bottom: 66px;
    margin-top: 86px;
    margin-left: 50px;
}

.header p {
    /* margin: 0 auto; */
    line-height: 2;
    color: var(--grayishBlue);
}


@media (min-width: 950px) {
    .header p {
        width: 30%;
    }
    
}