@font-face {
    font-family: "Arial Narrow";
    src: url("../fonts/Arial_Narrow.ttf");
}

html, body {
    margin: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-image: url(./assets/portfolio_bgi.jpg);
    background-size: cover;
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    align-content: center;
    margin: 0;
}

#scene-container {
    width: 30%;
    height: 30%;
    border: 3px dashed red; 
    margin: 0 auto;
    display: block;
}

/* canvas {
display: block;
} */

.grid {

}

.grid-me{
    
}

#project-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width:60%;
  max-width: 90%;
  margin: 0 auto;
}

.project-card{
    border: 3px dashed red;
    width: 100%;s

}

title{

}

year{

}

category{

}

summary{

}

tags{

}