.about{margin:0 auto;width:80%;padding-top:4rem}.experience{padding-bottom:10rem}.title{font-size:4.5rem;margin-bottom:2rem;letter-spacing:1px}.introduction{margin-top:2rem}.introduction__text{font-size:2.5rem;font-weight:300;margin-bottom:3rem;color:#464646}.introduction__text__link{text-decoration:none;color:#810b85;font-weight:600}.card{background-color:hsla(0,0%,100%,.5);box-shadow:0 3px 6px rgba(0,0,0,.16),0 1.5px 3px rgba(0,0,0,.23);padding:2rem;margin-top:30px;margin-left:1.5rem;font-size:2.3rem;font-weight:300;margin-bottom:3rem;color:#464646;display:grid;grid-template-columns:minmax(300px,400px) minmax(350px,1fr);grid-gap:2rem;transition:all .4s cubic-bezier(.25,.8,.25,1);text-decoration:none}.card__title{color:#1b1b1b;margin-bottom:1.2rem;font-weight:300;font-size:3.2rem}.card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}@media only screen and (max-width:1300px){.card{grid-template-columns:1fr;margin:5px 0 2rem 0;padding:8px;font-size:1.6rem}.card__title{color:#1b1b1b;margin-bottom:1.2rem;font-weight:300;font-size:2.5rem}.title{font-size:3rem;font-weight:300;letter-spacing:0}.introduction__text{font-size:2rem;font-weight:300;margin-bottom:3rem;color:#464646}}.project-card{display:flex;flex-direction:column;align-items:flex-start;background-color:#fff;justify-content:space-between;width:100%;min-height:63rem;margin-bottom:5rem;border-radius:3px;overflow:hidden;box-shadow:0 0 0 rgba(0,0,0,.16),0 0 3px rgba(0,0,0,.23);transition:all .2s ease-in}.project-card>:not(:first-child){margin-left:2rem}.project-card__image{width:100%;margin-bottom:3rem}.project-card__text{margin-right:1rem}.project-card__title{font-size:2.8rem;font-weight:600;margin-bottom:.5rem;padding-right:.5rem}.project-card__description{font-size:2.2rem;margin-bottom:3rem}.project-card__tag{background-color:#343a40;color:#fff;display:inline-block;padding:5px 1.5rem;border-radius:100px;font-weight:600;margin-right:1.2rem;margin-bottom:1rem}.project-card__button{margin-bottom:2rem}.project-card:hover{transform:translateY(-1.5rem);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);cursor:pointer}.projects{padding:4rem}.projects__back-button{margin-bottom:4rem;margin-left:10rem}.projects__title{margin-bottom:5rem;font-size:3rem;margin-left:10rem}.projects__cards{display:grid;grid-template-columns:repeat(auto-fit,40rem);justify-content:center;gap:5rem}.projects__card{margin-right:2rem}@media only screen and (max-width:800px){.projects{padding:4rem 0 0 0}.projects__cards{grid-template-columns:.8fr}.projects__card{margin-right:0}.projects__back-button{margin-bottom:4rem;margin-left:4rem}}.tech-card{display:flex;flex-direction:column;height:16rem;width:16rem;background-color:#fff;text-align:center;align-items:center;justify-content:center;border-radius:3px;padding:.5rem;border:2px solid hsla(0,0%,91.8%,.44);box-shadow:0 3px 6px rgba(0,0,0,.16),0 1.5px 3px rgba(0,0,0,.23);transition:all .2s ease-in}.tech-card__image{height:9rem;width:9rem;margin-bottom:1.7rem}.tech-card__title{font-size:2.4rem}.tech-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);cursor:pointer}@media only screen and (max-width:400px){.tech-card{height:12rem;width:12rem}.tech-card__image{height:6rem;width:6rem;margin-bottom:1.7rem}}.title{font-size:4rem;font-weight:300;padding:4rem 0 2rem 0}.technology{margin:0 auto;padding-top:5rem;width:90%}.frontend,.frontend__cards{background-color:transparent}.frontend__cards{display:grid;grid-template-columns:repeat(auto-fill,16rem);grid-gap:4rem;justify-content:center}@media only screen and (max-width:400px){.frontend,.frontend__cards{background-color:transparent}.frontend__cards{display:grid;grid-template-columns:repeat(auto-fit,15rem);grid-gap:1rem;justify-content:center}}.contact{padding-top:4rem;position:relative;height:100vh;width:100vw}.contact__back-button{position:absolute;left:10%}.contact__title{font-size:4rem;font-weight:300;letter-spacing:1px;margin-bottom:3rem}.contact__description{font-size:2.5rem;color:#585858}.contact__icon{padding:1rem 1.8rem 1rem 0;height:3rem;width:3rem;opacity:.8;transition:all .2s}.contact__icon:hover{opacity:1;transform:scale(1.3);cursor:pointer}.contact__button{display:flex;font-family:Geomanist;font-weight:600;padding:.5rem 1.3rem;align-items:center;justify-content:center;border:3px solid transparent;height:4rem;background-color:#f8f9fa;border-radius:.25rem;transition:all .2s ease-in;background-color:#6b0fc0;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16),0 0 3px rgba(0,0,0,.23)}.contact__button:hover{background-color:#8012e7;cursor:pointer;transform:translateY(-2px);box-shadow:0 7px 14px rgba(0,0,0,.25),0 5px 5px rgba(0,0,0,.22)}.contact .links{display:flex}.contact .linkedin{fill:#0072b1}.grid{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-items:center}.left{width:40rem}.left,.right{display:flex;flex-direction:column}.form{width:80%}.form__input{box-sizing:border-box;width:100%;padding:1.2rem;margin-bottom:3rem;border-radius:8px;border:1px solid #bdbdbd;font-family:Geomanist;font-size:1.6rem;background-color:#fefefe;resize:none}@media only screen and (max-width:800px){.grid{position:absolute;width:100%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));justify-items:start;margin-left:3rem}}