:root{--light: #FFFFFF;--dark: #000000;--primary: #941F3E;--secondary: blue;--font-family: "Lobster Two", cursive;--text-lg: 30px;--text-lg: 20px;--text-lg: 16px;--box-shadow: 5px 5px 10px #696868,-2px -2px 5px #0000;--transition: .1s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}.project-section{display:flex;flex-direction:column;align-items:center;margin-top:150px;box-shadow:0 0 20px;padding:30px;border-radius:20px;box-sizing:border-box;max-width:100%}.project-header{display:flex;align-items:center;gap:10px}.project-writeup{font-size:20px!important;font-style:italic;text-size-adjust:5px;width:380px}.project-details-image{width:150px;height:auto;border-radius:50%}.project-card{grid-gap:10px;border-radius:5px;box-shadow:var(--box-shadow);display:grid;gap:10px;grid-template-rows:auto auto 1fr auto;overflow:hidden;padding:.5rem;transition:var(--transition);width:100%}.project-image{background-repeat:no-repeat!important;background-size:100% 100%!important;border-bottom:6px inset var(--secondary);border-left:6px solid var(--light);border-radius:5px;border-right:6px solid var(--dark);border-top:6px inset var(--primary);cursor:pointer;height:200px;overflow:hidden;width:100%;object-fit:cover}.stacks-used{font-weight:500}.stacks-used .badge{margin-right:5px;margin-bottom:5px}.live-git{position:absolute;bottom:0;left:0;right:0;margin:10px}.live-git p{align-items:center;display:flex;font-size:10px;left:-18px;padding:.3rem .3rem .3rem 1rem!important;position:relative;box-shadow:var(--box-shadow);border-radius:20px;gap:20px;padding:.5rem 1rem;width:max-content}.github-btn{margin-left:12px}.github-btn a,.livelink-btn a{text-decoration:none;gap:10px}.project-create{color:#941f3e;font-size:12px;padding:20px;transform:translateY(-50%);transition:.3s ease}.project-create-header{margin-bottom:50px;margin-top:20px;font-size:25px;font-family:Arial,Helvetica,sans-serif;font-weight:700}.project-container{border-radius:10px;box-shadow:0 0 10px #0000001a;width:800px}.project-createbtn{color:#fff;background-color:var(--primary);box-sizing:border-box}@media (max-width: 1240px){.project-index .col-md-4{flex:0 0 50%;max-width:50%}}