/* variables */
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css?family=DM Sans');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&family=Cascadia+Code:ital,wght@0,200..700;1,200..700&family=Marcellus&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet');

/* colors:
Dark green: #657264
Lighter Green:#7A8f7b;
Dark Purple: #907F94
Lighter Purple: #Ab8cb2;
Dark Pink: #e4b5c2;
Lighter Pink:   #e8c7d0;
Dark Tan: #BBB4A4
Light Tan (bkg): #fdfef9 */
:root{
    --lineColor: #4c4c4c
}
*{
    box-sizing:border-box;
    margin: 10px;
    padding: 0;
}
body{
    background-color:#fdfef9;
    font-family:"DM Sans","Arial",sans-serif
}
.site{
    min-height: 100dvh;
}

h1{
    font-size:60px;
    font-weight:200;
    color:#657264;
    font-family: 'Marcellus','DM Sans', arial;
}
h2{
    font-family:'PT-Serif';
    color:#657264;
}
p{
    font-family:'DM Sans';
    font-size:120%;
}
li, a, button{
    text-decoration: none;
    color:#657264;

}
button{
    padding: 9px 25px;
    color:#657264;
    background-color:rgba(174, 205, 171,1);
    border:solid;
    border-radius:50px;
    border-color:#7a8f7b;
    border-width:1px;
    cursor:pointer;
    :hover{
        transition: all 0.3s ease 0s;
        background-color:rgba(174, 205, 171,.8);
    }
}


header{
    display: flex;
    justify-content: space-between;
    align-items:center;
    height:10dvh;
    padding:2dvh;
    background-color:#fdfef9;
}
.nav_links{
    align-self:center;
    list-style:none;
    li{
        display:inline-block;
        padding:0px .6dvw;
    }
    li a{
        text-decoration:none;
        font-size: 24px;
        font-family: 'DM Sans';



    }
    li a:hover{
        transition: all 0.3s ease 0s;
        color:#e4b5c2;
    }
}
.con{
    /* cursor:pointer;
    transition: all 0.3s ease 0s;
    :hover{
        width:30px;
    } */
    img{
        color:#657264;
        width:30px;
    }
}


footer {
    text-align: center;
    padding: 2dvw;
    flex:auto;
    margin:0;
    /* margin-top:10%; */

}
.foot-sec{
    display:none;
}
footer hr{
    display:none;
    border-top:1px solid var(--lineColor);
}
footer a {
    color: #657264;
    /* background-color:#657264 */
    /* text-decoration: none; */
    margin: 0 10dvh;
}
footer li{
    list-style: none;
}
footer a:hover {
    text-decoration: underline;
}
.foot-title{
    font-size:larger;
    color:rgb(60, 59, 59)
}
/* figure out how to change line color */
.foot-bot{
    color:#657264;
}
.foot-bot hr{
    display:contents;
    max-width:50%;
    margin:auto;
}

.foot-top{
    display:flex;
    justify-content:space-between;
    margin-left:10%;
    margin-right:10%;
}
.foot-item img{
    max-width:40%;
    min-width:10%;
}
.foot-line{
    max-width:75%;
    margin:auto;
}