.stack {
    height:50cqh;
}
.deets {
    height: 50cqh;
}
.proj-intro {
    border-left: solid 15px var(--magenta);
    border-right: solid 15px var(--magenta);
    background-color: #e321e62a;

}
.callout {
    margin: 2vh 0 2vh 0;
    font-weight: bold;
    line-height: 2;
    border-right: solid 5px var(--magenta);
    border-left: solid 5px var(--magenta);
    background-color: #e321e62a;
    width:fit-content;  
}
.callout p {
    padding: 5px 0 5px 15px;
}
.callout p:last-child {
    margin-bottom: 4.5vh;
}
@media (orientation: landscape) and (max-height:500px){
    .stack{
       height:34cqh;
    }
    .deets {
        height:66cqh;
        font-size: 2.3vh;
    }
 }