body {
        height:fit-content; 
        padding: 0;
        }

header {
    top:0;
    position: sticky;
    background: rgba(255, 255, 255, 1);
    /* make it always in front */
    z-index:9000;

}

.main_logoholder{
    position: sticky;
    display: flex;
    /* justify-content: left; */
    width: 50%;
    height: 50%;
    left: 0%;
    top: 0%;
    margin-bottom: 1rem;


}

.axis-x line,
.axis-x path,
.axis-y path,
.axis-y line {
  fill: none;
  stroke: gray;
  stroke-width: 0.5px;
  shape-rendering: crispEdges;}

.grid-nav-container div{
    color: #fdae6b;
}

.grid-about {
    font-size: 1.5rem;

    /* margin-top: auto;
    margin-bottom: 0;
    margin-left: auto; 
    margin-right: 0;     */
    position: relative;
    display: flex;
    justify-content: right;
    align-items: center;
    margin-right: 5%;

}

.grid-about a:visited,
.grid-about a:link{
    color: #fdae6b;
    text-decoration: none;

}

.grid-project a:visited,
.grid-project a:link{
    color: black;
    text-decoration: none;

}

.grid-tagline{
    font-size: 1.5rem;
    align-items: center;
    position: relative;
    /* display: flex; */
    /* justify-content: left; */
    /* max-width: 400px; */
    /* width: 10%;
    height: 10%; */
    left: 5%;
    /* border-bottom : black 5px solid; */
    color: gray;

}

.grid-nav-container {
    margin-top: 1rem;
    display: grid;
    /* grid-template-columns:400px 1000px 200px; */
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

    /* grid-template-rows: 100px; */
    grid-gap: 20px;
    
}



.grid-project-container {
    justify-content: space-evenly;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr));
    /* grid-template-columns: 1fr 1fr; */
    grid-template-rows: repeat(auto-fit,minmax(300px,1fr));
    /* background: gray; */
    column-gap: 10%;
    row-gap:20%;
    margin:5%;


}

.grid-project {
    background-color:#feedde;
    display: flex;

} 

.project-preview-container {
    max-width:100%;
    height:80%;
    /* display:flex; */

}

.project-preview-container img {
    max-width:100%;
    height:100%;
    object-fit: cover;
}

.project-title {
    display: flex;
    font-size: 1.5rem;
    padding: 1rem;
    /* justify-content: center; */
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    color: #a63603;
    /* background-color:skyblue; */

}



.grid-project hr{
    width:50%;
    text-align:left;
    margin-left:0;
}

.project-summary {
    padding: 1rem;
    font-size: 1.2rem;
    min-height:10%;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    /* max-width:100%;
    width: auto;       */
}