.proj-intro {
    border-left: solid 15px var(--blue);
    border-right: solid 15px var(--blue);
    background-color: #0176eb25;
}
.list{
    margin-top: 7vh;
    margin-bottom: 0;
    border-left: solid 5px var(--blue);
    border-right: solid 5px var(--blue);
    background-color: #0176eb25;
    padding: 1% 2%;
    font-size: 2.2vh;
    font-weight: bold;
    width:77%;  
}
.note{
    margin-bottom:2vh;
    width:100%;
}
.list-highlight{    
    color: #e3ff43b6;
}
.web-vid{
    width: 100%;
}
.web-vid .video-wrapper {
    margin: 2% 0;
    border-left:none;
    border-right:none;
}
.proj-border {
  border: solid 1px var(--neon);
}
@media (orientation: portrait){
    .list{
        width:100%;
        margin-top: 4vh;
    }
    .web-vid .video-wrapper {
        margin: 2% 0;
        border-left: solid 1px var(--neon);
        border-right: solid 1px var(--neon);
    }
 }