body{background-color:#303548;color:#000}header{margin-bottom:4rem}header h1{color:orange;font-size:3rem;text-align:center;text-shadow:1px 1px black}.course-title{color:orange;font-size:2rem;margin:5rem 2rem 2rem;text-shadow:1px 1px black}.projects-container{display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;margin:2rem;gap:3rem}.project-card{align-self:stretch;color:#000;flex:1 0 calc(16% - 20px);flex-grow:.34;min-width:200px;text-decoration:none;width:30%;max-width:30%}.project-card h3{margin:0}.project-details-container{background-color:#e9f3ff;border:1px solid black;border-radius:10px;box-shadow:4px 4px 4px #111;display:flex;height:100%;flex-direction:column;flex-wrap:nowrap}.project-details-container:hover{box-shadow:0 0 12px orange}.project-image{height:auto;max-width:300px;width:100%}.project-details-image{margin:0 auto}.project-details-image,.project-details-summary,.project-details-status{padding:.5rem 1.5rem}.project-details-title,.project-details-status{text-align:center}.project-details-title{border-bottom:1px solid #9aa3ad;margin:0;padding:0}.project-details-title>h2{margin:1rem}.project-details-summary{flex-grow:1}.project-details-status{border-top:1px solid #9aa3ad;border-radius:0 0 10px 10px;font-weight:700}.project-notes{margin-top:0}.project-status{margin:0 auto}.in-progress{background-color:#ecef32}.completed{background-color:#57c457}.on-hold{background-color:#9aa3ad}@media (max-width: 780px){header{margin:2.5rem}header h1{font-size:2rem}.course-title{font-size:1.2rem;margin-top:4rem;text-align:center}.project-card{flex-grow:1;max-width:inherit}}@media (max-width: 440px){.projects-container{margin:.5rem}}