*{
    list-style: none;
    background-color: #f9f7f1;
}


.header{
 border-bottom: 1px solid black;
 margin-left: 50px;
 margin-right: 50px;
}

.headline{
    font-family: Space Mono;
    font-weight: 100;
    font-size: 24px;
}

.coffee{
    font-family: Over the Rainbow;
}

.header-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px;
}

.div-item2{
    display: flex;
}

.header-list1{
    display: flex;
    gap: 0.9vw;
    margin: 0px;
}

.header-list2{
    display: flex;
    gap: 0.9vw;
    padding-top: 20px;
    margin: 0px;
}

.header-list1-item{
    margin: 0px;
}


.header-list2-item{
    margin: 0px;
}


.header-list-item-text{
    font-family: Space Mono;
    font-weight: 100;
    font-size: 17px;
}

.header-list-item-text:hover{
    font-family: Over the Rainbow;
}

.landing{
    background-image: url(./img/pexels-caio-69976.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 23vh; /* fills full viewport height */
    justify-content: center;
    align-items: center;
    padding-right: 120px;
    padding-top: 120px;
    padding-bottom: 120px;
    margin-top: 100px;
    margin-left: 5vw;
    margin-right: 4vw;
    z-index: 0;
    display: flex;
    justify-content: center;
}

.landing-div{

    background: transparent; /* clear any inherited bg */
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 1200px;
    gap: 200px 180px;
    z-index: 4;
  
}


.landing-main{
    color: #ef8aab;
    font-family: funnel sans;
    font-size: 140px;
    text-transform: uppercase;
    color: #ef8aab;
    font-family: "Funnel Sans", sans-serif;
    background: transparent; /* clear any inherited bg */
    display: inline-block;   /* shrink background to text */
    line-height: 1;          /* eliminate weird spacing */
    margin: 0;
}

.landing-main-two{

    display: inline-block;
  margin-right: 0.3em;
}

.landing-main-four{
 padding-left: 240px;
 background: transparent;
}

.landing-secondary-div{
    display: flex;
    flex-direction: row;
    background: transparent;
    gap:10px ;
}

.light{
    color: #ef8aab;
    font-family: funnel sans;
    font-size: 150px;
    text-transform: uppercase;
    color: #ef8aab;
    font-family: "Funnel Sans", sans-serif;
    font-size: 150px;
    background: transparent; /* clear any inherited bg */
    display: inline-block;   /* shrink background to text */
    line-height: 1;          /* eliminate weird spacing */
    margin: 0;
    font-weight: 100;
    display: grid;
}

.landing-main-italic{
 font-style: italic;
     font-weight: 100;
}