body{
    display: flex;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}
#page-container {
    background-color: #e5e3dd;
    padding-top: 8rem;
    flex-direction: column;
    display: flex;
    justify-content: baseline;
    align-items: center;
    justify-self: center;
    width: 100vw;
    min-width: 50rem;
    height:fit-content;
    min-height: 100vh;
    border-left:10px double black;
    border-right: 10px double black;
    border-top: 10px double black;
}
.text-card{
    font-size:2rem;
    padding:20px;
    margin: 20px;
}
.oneliner{
    white-space: nowrap;
}
.formal-font{
    font-family:'Times','Times New Roman','serif';
    font-size:x-large;
}
.cursive-font{
    text-align: left;
    font-family:'cursive';
    font-size: 2rem;
}
.quote-card{
    flex: 0 0 auto;
    width:80%;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.menu{
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: space-between;
    overflow: hidden;
    width:fit-content;
}
.menu-item{
    padding:1rem;
    cursor: pointer;
}
.hamburger{
    position:absolute;
    left:50%;
    top:50%;
    width:80%;
    height:2px;
    background-color: black;
    margin:0px;

    transform:
        translate(-50%,-50%);
}
.services-block{
    position:relative;
    width:80%;
    height:30rem;
    min-height: 30rem;
}
.services-card{
    position:absolute;
    height:14rem;
    aspect-ratio: 3/2;

    background-color: rgb(243, 243, 240, 0.9);

    left:50%;
    top:50%;
    z-index: 2;
    border: 1px solid black;
    padding: 2rem;

    transform:
        translate(-70%,-30%)
    ;
}

li{
    margin-bottom: 15%;
}
a{
    text-decoration: none;
    color: inherit;
}
a:visited{
    color: inherit;
}
.forms-card{
    border:2px solid black;
    width:80%;
    max-width: 80vh;
    padding:2rem;
    font-size: larger;
    margin-bottom: 1rem;
    height: fit-content;
}