* {
  box-sizing: border-box;
  font-family:'IM Fell English';
  text-decoration:none;
     margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
     background: transparent;
}
.cormorant-garamond-titles> {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: italic;
}
html, body{
    overflow:hidden;
}
strong, em, b, i {
    white-space: pre-wrap;
}
.cartoonish {
    color:rgb(253, 241, 74);
    font-weight:900;
    white-space: pre-wrap;
}
h2{
    color:beige;
    text-align:center;
    font-family:'Comorant Garamond';
}
header{
    position:relative;
    display:flex;
    z-index:10;
}
.container {
    display:grid;
    grid-template:100vh/repeat(3, minmax(0,1fr));
    grid-template-areas:
    "gar hom nei";
    z-index:1;
    place-self:center;
    overflow:hidden;
}
.home, .neighborhood, .garden {
    height: 100vh;
    filter:brightness(50%) contrast(95%);
    transition: filter 0.2s ease; 
}
.home:hover, .neighborhood:hover, .garden:hover{
    filter:none;
}
.home {
    background-image:url(homeimg.png);
    background-position:right top;
    background-size: cover;
    grid-area:hom;
}
.neighborhood {

    background-image:url(neighborhoodpic2.png);
    background-position:top;
    background-size:cover;
    grid-area:nei;
}
.garden {
    background-image:url(gardenpic.png);
    background-position:right;
    background-size:cover;
    grid-area:gar;
}
.textbox {
    display:flex;
    position:absolute;
    z-index:10;
    bottom:100px;
    background-color:black;
    color:white;
    width: 800px;
    height: 200px;
    font-size:20px;
    text-align: left;
    left: calc(50vw - 400px); 
    border-radius:5px;
    opacity: 75%
}
.thetext {
    padding-top:30px;
    padding-left:20px;
    padding-right:20px;
}
.gtitle, .htitle, .ntitle{
    position:absolute;
    height: 20vh;
    width:calc(100vw/3);
    display:flex;
    z-index:10;
    top:1vh;
    font-size:35px;
    justify-content:center;
    align-items:center;
}
p.gtitle, p.htitle, p.ntitle{
    text-align:center;
    color:rgb(208, 215, 193);
    top:calc(2vh + 50px);
    font-size:20px;
    opacity:80%;
}
.htitle{
    left:calc(100vw/3);
}
.ntitle{
    left:calc(200vw/3);
}

.allofhomefornow{
    background-color:rgb(164, 164, 139);
    height:100vh;
    width:100vw;
    text-align:center;
    padding-top:10vh;
    padding-left:5vw;
    padding-right:5vw;
}
.to-do{
    text-align:left;
    padding-left:5vw;
}