.page-body{width:100%;height:100%;position:relative}.page-body .page-overlay{width:100%;height:400px;position:absolute;background-image:linear-gradient(160deg,rgba(55,90,230,.8),rgba(62,188,254,.8));z-index:-1;top:0;box-shadow:0 10px 20px rgba(0,0,0,0.05),0 6px 6px rgba(0,0,0,0.1);border-bottom-left-radius:30%;border-bottom-right-radius:30%;transform:scale(1.2)}.page-body .main-wrapper{z-index:1}.page-body .main-wrapper .page-header{padding:120px 0 30px;text-align:center}.page-body .main-wrapper .content-wrapper{background-color:#fff;border-radius:2px;padding:30px}.page-header .page-title{font-size:2em;text-transform:uppercase;color:#fff;font-weight:400;font-family:'Poppins',sans-serif}.content-wrapper .sub-title{font-size:1.2em;color:#333;margin-bottom:20px}.project-card{width:100%;padding:15px;border-radius:2px;transition:all .3s cubic-bezier(.25,.8,.25,1);margin-bottom:30px;box-shadow:0 3px 6px rgba(0,0,0,0.06),0 3px 6px rgba(0,0,0,0.08)}.project-card:hover{transform:scale(1.05);box-shadow:0 14px 28px rgba(0,0,0,0.05),0 10px 10px rgba(0,0,0,0.08);z-index:999}.card-1{background-color:#fff;border:1px solid #6555ad}.card-2{background-color:#0DB25F;border:1px solid #0DB25F}.card-3{background-color:#1E272E;border:1px solid #1E272E}.card-4{background-color:#8BC53E;border:1px solid #8BC53E}.card-5{background-color:#1CC28A;border:1px solid #1CC28A}.project-card_header{width:100%}img.project-card_logo{width:80px}.project-card_body{height:150px}.project-card_title{font-size:1.6em;color:#fff;font-weight:400;font-family:'Poppins',sans-serif}.project-card_details{font-size:1em;font-weight:300;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-height:1.5em;-webkit-line-clamp:4;-webkit-box-orient:vertical}.project-card_footer{padding:10px 0;display:flex;flex-direction:row;align-items:center;justify-content:center}.project-card_learn-more-button{display:block;font-size:1em;font-weight:700;color:#fff;transition:all .2s}.project-card_learn-more-button:hover{text-decoration:none;color:#f5f5f5;opacity:.8}.project-card_learn-more-button i{top:6px}.project-card_learn-more-button:hover i{right:-20px}.project-card_git-button{width:35px;height:35px;border-radius:50%;overflow:hidden;transition:.2s ease-out}.project-card_git-button img{width:100%}.project-card_git-button:hover{transform:scale(1.1);box-shadow:0 14px 28px rgba(0,0,0,0.06),0 10px 10px rgba(0,0,0,0.08);transition:.1s ease-in}@media (max-width: 576px){.projects .project-title{width:100%;margin:0 auto .2em;font-size:1.2em}.projects .project-subtitle{width:90%;margin:0 auto .6em;font-size:.8em}}@media (min-width: 576px){.projects .project-title{width:90%;margin:0 auto .2em;font-size:1.4em}.projects .project-subtitle{width:80%;margin:0 auto .7em;font-size:.8em}}@media (min-width: 768px){.projects .project-title{width:80%;margin:0 auto .2em;font-size:1.6em}.projects .project-subtitle{width:70%;margin:0 auto .8em;font-size:.9em}}@media (min-width: 992px){.projects .project-title{width:70%;margin:0 auto .2em;font-size:1.8em}.projects .project-subtitle{width:60%;margin:0 auto .9em;font-size:1em}}@media (min-width: 1200px){.projects .project-title{width:70%;margin:0 auto .2em;font-size:2em}.projects .project-subtitle{width:60%;margin:0 auto 1em;font-size:1em}}.project-modal{width:100%;position:relative}.modal-close-button{position:absolute;top:-20px;right:-20px;width:35px;height:35px;border-radius:50%;background-color:#fff;border:none;outline-color:transparent;box-shadow:0 14px 28px rgba(0,0,0,0.05),0 10px 10px rgba(0,0,0,0.08)}.modal-close-button:active{background-color:#ccc}.modal-close-button i{font-size:1em;color:red}.project-modal_left{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-modal_left .project-mockup{width:100%}.project-modal_right{height:100%;padding:20px 0}.info-wrapper{width:100%;height:auto}.info-wrapper .project-logo-wrapper{display:flex;align-items:center}.info-wrapper .project-logo-wrapper .project-logo{width:70px;margin-right:5px}.info-wrapper .project-title{font-size:1.6em;color:#333;margin-bottom:5px}.info-wrapper .project-info{font-size:.9em;color:#333;font-weight:300;line-height:1.5em;margin-bottom:0}.info-wrapper .info-title{font-size:1.2em;color:#333;margin-bottom:0}.store-logo-wrapper{display:flex;flex-direction:row;align-items:center}.store-logo-wrapper .store-logo{width:100px}.store-logo-wrapper a{display:block;margin-right:5px}#footer{border-top:1px solid #eee}