.code-challenge{margin-left:auto;margin-right:auto;margin-top:100px;margin-bottom:100px;max-width:1000px}.code-challenge.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.code-challenge.a-enter{opacity:1;transform:translateY(0)}.code-challenge .code-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;margin-top:50px;gap:20px}.code-challenge .code-grid .a-before-enter{opacity:0;transform:translateY(20px);transition:.2s ease-in-out}.code-challenge .code-grid .a-enter{opacity:1;transform:translateY(0)}.code-challenge .code-grid .code-item{visibility:visible;box-shadow:0 10px 30px -15px var(--navy-shadow);border-radius:var(--border-radius);transition:.2s;height:100%;z-index:1;background-color:var(--lightBackground)}.code-challenge .code-grid .code-item .code-item-inner{display:flex;justify-content:space-between;flex-direction:column;padding:2rem 1.75rem;height:100%}.code-challenge .code-grid .code-item .code-item-inner header .item-top{display:flex;align-items:center;justify-content:space-between}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links{display:flex;margin-right:-15px;color:var(--lightSlate)!important}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links .item-links-toggle{padding:0 5px;cursor:pointer}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links .item-links-toggle .highlight-hover{color:var(--lightSlate)!important}.code-challenge .code-grid .code-item .code-item-inner header .item-top .item-links .item-links-toggle:hover .highlight-hover{color:var(--primary)!important}.code-challenge .code-grid .code-item:hover{transform:translateY(-5px);box-shadow:var(--black-shadow);background-color:var(--lightBackground)}.my-work.a-before-enter{opacity:0;transform:translateY(20px);transition:.3s ease-in}.my-work.a-enter{opacity:1;transform:translateY(0)}.my-work .work-info{visibility:visible;opacity:1;margin:50px 0;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);align-items:center}.my-work .work-info.a-view-before-enter{opacity:0;transform:translateY(20px);transition:.2s ease-in-out .4s}.my-work .work-info.a-view-enter{opacity:1;transform:translateY(0)}.my-work .work-info .left-content{position:relative;grid-area:2/2/1/7}.my-work .work-info .right-image{position:relative;grid-area:1/6/-1/-1}.my-work .work-info .right-content{position:relative;grid-area:1/7/-1/-2;text-align:right}.my-work .work-info .left-image{position:relative;grid-area:1/1/1/8}.my-work .work-info .work-info-details .info-overline{margin:10px 0;color:var(--primary);font-weight:400}.my-work .work-info .work-info-details .info-title{margin:0 0 20px;font-size:clamp(18px,5vw,23px);color:var(--lightestSlate)!important}.my-work .work-info .work-info-details .info-des-container{background-color:var(--lightBackground);font-size:16px;line-height:1;line-height:1.25;padding:16px;position:relative;z-index:10}@media (min-width:768px){.my-work .work-info .work-info-details .info-des-container{font-size:18px;line-height:1;line-height:1.375}}.my-work .work-info .work-info-details .info-tech-list{display:flex;list-style-type:none;margin-top:25px;margin-bottom:10px;position:relative;z-index:10}.my-work .work-info .work-info-details .info-tech-list li{margin-right:15px;white-space:nowrap}.my-work .work-info .work-info-details .work-links{justify-content:flex-start;margin-left:0;margin-right:-10px;display:flex;align-items:center;position:relative;margin-top:10px;margin-left:-10px;color:var(--lightestSlate)}.my-work .work-info .work-info-details .work-links .work-links-toggle{padding:10px;cursor:pointer}.my-work .work-info .work-info-details .work-links .work-links-toggle .highlight-hover{color:var(--slate)!important}.my-work .work-info .work-info-details .work-links .work-links-toggle:hover .highlight-hover{color:var(--primary)!important}.my-work .work-info .work-info-details .work-links-right{justify-content:flex-end!important}.my-work .work-info .work-info-details .work-links-left{justify-content:flex-start!important}.my-work .work-info .work-info-image{transition:var(--transition)}.my-work .work-info .work-info-image .work-info-image-link{width:100%;background-color:var(--image-cover);border-radius:var(--border-radius);vertical-align:middle;cursor:pointer;transition:.25s!important}.my-work .work-info .work-info-image .work-info-image-link:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:3;transition:var(--transition);background-color:var(--navy);mix-blend-mode:screen}.my-work .work-info .work-info-image .work-info-image-link .image-wrapping{position:relative;overflow:hidden;border-radius:var(--border-radius);mix-blend-mode:multiply;filter:grayscale(100%) contrast(1) brightness(90%)}.my-work .work-info .work-info-image .work-info-image-link .image-wrapping .front-filter{width:100%;padding-bottom:62.2857%}.my-work .work-info .work-info-image .work-info-image-link .image-wrapping img{position:absolute;top:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;vertical-align:middle}.my-work .work-info .work-info-image .work-info-image-link:hover{background-color:transparent}.my-work .work-info .work-info-image .work-info-image-link:hover .image-wrapping{filter:grayscale(0) contrast(1) brightness(90%)}@media only screen and (max-width:768px){.my-work{padding:0}.my-work .work-info{display:grid;gap:10px;grid-template-columns:repeat(12,1fr);align-items:center}.my-work .work-info .left-content{grid-column:1/-1;padding:40px 40px 30px;z-index:5}.my-work .work-info .right-image{grid-column:1/-1;height:100%;opacity:.25}.my-work .work-info .right-content{grid-column:1/-1;padding:40px 40px 30px;z-index:5}.my-work .work-info .left-image{grid-column:1/-1;height:100%;opacity:.25}}