.ProjectBody{padding:50px}.ProjectBody h1{font-size:2.5rem;margin-bottom:20px}.ProjectBody hr{border:none;border-top:2px solid #333;margin-bottom:30px}.ProjectCard{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px;background-color:rgba(229,231,235,.5);padding:1rem;border-radius:1rem}.CardImg{width:300px;height:200px;margin-right:20px;border-radius:10px}.ProjectDetails{flex:1}.ProjectDetails h2{font-size:1.5rem;margin-bottom:10px}.ProjectDetails p{font-size:1rem;margin-bottom:15px}.ProjectButtons{display:flex}.ProjectButtons span{display:inline-block;padding:8px 16px;margin-right:10px;border:2px solid #333;border-bottom:5px solid;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s,color .3s,box-shadow .3s}.ProjectButtons span:hover{background-color:#333;color:#fff;box-shadow:0 2px 0 rgba(0,0,0,.2);border-bottom:0}@media screen and (max-width:840px){.ProjectCard{flex-direction:column;align-items:center}.ProjectBody{padding:5px}.ProjectDetails{padding-top:1rem;align-items:center;max-width:300px}}