#projects {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:grid;
    grid-template-columns:50% 50%;
    grid-template-rows: 15% 15% 15% 15% 15% 25%;
}

.project-div-containers div {
    display: block;
    margin:2rem;
    border:5px solid transparent;
    border-radius:2em;
    background: 
    linear-gradient(to bottom, var(--rockfull), var(--rockfull)), 
    linear-gradient(to bottom, var(--lavafull) , var(--magmafull)); 
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
}

.project-divs div {
    
}

.project-div-containers div {
    top:0;
    left:0;
    position:relative;
    width:90%;
    height:180%;
}

#test-container {
    top:0;
    left:0;
    position:relative;
    grid-row-start:2;
    grid-row-end:3;
    grid-column-start:2;
    grid-column-end:2;
}