LandingPage.css

.landing-page {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 1fr 10fr 1fr;
    height: 100vh;
    grid-template-areas:
        ". Title ."
        "left welcomesvg right"
        ". welcomep ." ;
}

.title { 
    grid-area: Title;
    place-self: center;
    font-family: Arial, Helvetica, sans-serif; 
}

.welcome-svg { 
    grid-area: welcomesvg;
    place-self: center; 
}

.favorites {
    grid-area: welcomep;
    padding-top: 7rem;
    padding-left: 3rem;
}

.welcome-p { 
    grid-area: welcomep;
    text-align: left;
    margin: 25px 50px 100px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}

.navbutton.left { 
    grid-area: left;
    place-self: center;
    position: fixed;
    top: 50%;
    left: 5%; 
}

.navbutton.right {
    grid-area: right;
    place-self: center;
    position: fixed;
    top: 50%;
    right: 5%;   
}