@charset "UTF-8";*,*:before,*:after{box-sizing:border-box;font-family:Lato,sans-serif}html,body{margin:0;padding:0}ul{list-style:none;padding:0}a{text-decoration:none}.nav{display:flex;background-color:#343a40;padding:0 .5rem;justify-content:space-between;align-items:center;height:3rem}@media (min-width: 768px){.nav{padding:0 4rem}}.nav__logo h1{color:#fff;font-size:1.5rem;margin:0;cursor:pointer}.nav__logo img{max-width:50px}.nav__list{display:flex;gap:1rem;display:none}@media (min-width: 768px){.nav__list{display:flex;align-items:center;justify-content:space-around}}.nav__list-item a{color:#fff;text-decoration:none;font-size:1rem;transition:color .3s}.nav__list-item a:hover{color:#63c5b8}.header{display:flex;flex-direction:column}@media (min-width: 768px){.header{flex-direction:row;padding:0 1.5rem}}@media (min-width: 1024px){.header{padding:2rem}}.header__description{flex:2;order:1;padding:0}@media (min-width: 768px){.header__description{order:0}}.header__description-title,.header__description-subtitle{margin:0;text-align:center}@media (min-width: 768px){.header__description-title,.header__description-subtitle{text-align:left}}.header__description-title{color:#343a40;font-size:clamp(1.5rem,1vw + 1.2rem,2.5rem)}.header__description-title span{color:#63c5b8}@media (min-width: 768px){.header__description-title{font-size:2rem}}@media (min-width: 1024px){.header__description-title{font-size:clamp(2.5rem,1vw + 2rem,2.8rem)}}.header__description-subtitle{color:#63c5b8;margin-bottom:.5rem;font-weight:700;font-size:clamp(1rem,1vw + 1.1rem,1.6rem)}@media (min-width: 768px){.header__description-subtitle{font-size:2rem}}@media (min-width: 1024px){.header__description-subtitle{font-size:clamp(2rem,1vw + 1.8rem,2.5rem)}}.header__description-text{color:#495057;text-align:center;line-height:1.4}@media (min-width: 768px){.header__description-text{text-align:left}}@media (min-width: 1024px){.header__description-text{max-width:90%}}@media (min-width: 1280px){.header__description-text{max-width:70%}}.header__description-btns{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:2rem}@media (min-width: 768px){.header__description-btns{justify-content:flex-start}}.header__description-btns .btn{min-width:160px}.header__photo{display:flex;justify-content:center;align-items:center;flex:1;padding:1.2rem 0}.header__photo-image{width:100%;max-width:180px}@media (min-width: 1024px){.header__photo-image{max-width:250px}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f3f5;padding:2rem;margin-bottom:3rem;margin-top:4rem;padding:2rem 0rem}.projects__title{width:100%;text-align:center;font-size:2rem;margin:0}.projects__list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;width:100%}@media (min-width: 768px){.projects__list{flex-direction:row;justify-content:space-evenly;flex-wrap:wrap}}.projects__load-more{padding:.8rem 6rem!important;margin:.5rem 0}.tech{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin-bottom:3rem}.tech__title{width:100%;text-align:center;font-size:2rem;margin:0}.tech__list{width:100%}.tech__list ul{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap;gap:2rem}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f1f3f5;padding:2rem;margin-bottom:3rem}.contact__title{width:100%;text-align:center;font-size:2rem;margin:0}.contact__description{color:#495057;text-align:center}.contact button{padding:.8rem 6rem!important;margin:.5rem 0}.footer{display:flex;align-items:center;justify-content:center;width:100%;padding:1.25rem 0;background-color:#4a525e;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -3px 6px #00000014}.footer__text{margin:0;color:#fff;font-size:.875rem;font-weight:300;letter-spacing:.05em;opacity:.85}.main{display:flex;flex-direction:column;min-height:100vh}.main__content{flex:1;padding:.5rem}@media (min-width: 768px){.main__content{padding:4rem}}.about{max-width:900px;margin:0 auto;color:#495057}.about__intro{text-align:center;margin-bottom:3rem}.about__intro .about__title{font-size:2.5rem;font-weight:700;color:#63c5b8;margin:0}.about__section{margin-bottom:2.5rem}.about__section-title{font-size:1.5rem;margin-bottom:1rem;color:#63c5b8}.about__text{font-size:1rem;line-height:1.7;margin-bottom:1rem}.about__list{list-style:none;padding:0}.about__list li{margin-bottom:.75rem;font-size:1rem;display:flex;align-items:center;justify-content:flex-start;gap:1rem}.about__list li a{color:#3498db;text-decoration:none;cursor:pointer}.about__list li a:hover{text-decoration:underline}.portfolio__title{width:100%;text-align:center;font-size:2rem;margin:0}.portfolio__research{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;width:100%}@media (min-width: 768px){.portfolio__research{flex-direction:row;justify-content:flex-start}}.portfolio__research select{padding:.5rem;border:.01rem solid #ccc;border-radius:.5rem;text-align:left;width:98%;min-width:300px}@media (min-width: 768px){.portfolio__research select{width:auto;min-width:200px}}.portfolio__research select option{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portfolio__research--category{display:flex;gap:1rem}.portfolio__research--category span{background:#f1f3f5;border-radius:.5rem;padding:.2rem .5rem;display:inline-block;color:#495057;font-weight:500;cursor:pointer;text-transform:capitalize;padding:.3rem 1rem}.portfolio__research--category span:last-child{text-transform:uppercase!important}.portfolio__list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#f1f3f5;border-radius:8px;padding:2rem 1rem}@media (min-width: 768px){.portfolio__list{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:2rem}}.portfolio__paginate{display:flex;gap:1rem;justify-content:flex-start;align-items:center;padding:1rem 0}.portfolio__empty{text-align:center;font-size:1.2rem}.btn{background:#f1f3f5;color:#343a40;padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.btn:hover{background:#343a40;color:#fff}.btn-primary{background:#63c5b8;color:#fff}.btn-primary:hover{background:#343a40;color:#fff}.btn-secondary{background:#8ad9a4;color:#fff}.btn-secondary:hover,.btn-dark{background:#343a40;color:#fff}.btn-dark:hover{opacity:.9}.btn-danger{background:#ff637d;color:#fff}.btn-danger:hover{background:#df6a7e}.card{background:#fff;width:32%;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}@media (min-width: 768px){.card{max-width:45%}}@media (min-width: 1024px){.card{flex-direction:row;justify-content:space-between}}@media (min-width: 1280px){.card{max-width:32%}}@media (min-width: 1024px){.card__container{flex:2}}.card__image{display:flex;justify-content:center;align-items:center;max-width:130px;flex:1}.card__content{flex:2}.card__header h2{text-align:center;font-size:1.2rem;margin:0}@media (min-width: 1024px){.card__header h2{text-align:left}}.card__body p{text-align:center;font-size:.8rem;color:#495057}@media (min-width: 1024px){.card__body p{text-align:left}}.card__body-tags{margin-bottom:.5rem;display:flex;gap:.4rem;justify-content:center;align-items:center}@media (min-width: 1024px){.card__body-tags{justify-content:flex-start}}.card__body-tags span{background:#f1f3f5;border-radius:.5rem;padding:.2rem .5rem;display:inline-block;color:#495057;font-weight:500;cursor:pointer;font-size:.8rem}.card__footer{display:flex;justify-content:center;align-items:center;gap:.5rem}@media (min-width: 1024px){.card__footer{justify-content:flex-start}}.drawer-container{position:relative}@media (min-width: 768px){.drawer-container{display:none}}.drawer-toggle{background:none;border:none;font-size:1.5rem;color:#fff;position:fixed;top:.5rem;right:1rem;z-index:1001}@media (min-width: 768px){.drawer-toggle{display:none}}.drawer__overlay{position:fixed;inset:0;background-color:#00000080;z-index:1000}.drawer{position:fixed;top:0;right:0;width:250px;height:100vh;background-color:#343a40;padding:2rem 1rem;box-shadow:2px 0 8px #0000001a;z-index:1001}@media (min-width: 768px){.drawer{display:none}}.drawer__close{background:none;border:none;font-size:2rem;color:#fff;position:absolute;top:1rem;right:1rem;cursor:pointer}.drawer__list{list-style:none;padding:4rem 0 0;margin:0}.drawer__list .drawer__item{margin-bottom:1.5rem}.drawer__list .drawer__item a{color:#fff;text-decoration:none;font-size:1.2rem}.drawer__list .drawer__item a:hover{color:#63c5b8}.drawer-fade-enter-active,.drawer-fade-leave-active{transition:opacity .3s ease}.drawer-fade-enter-from,.drawer-fade-leave-to{opacity:0}.drawer-fade-enter-to,.drawer-fade-leave-from{opacity:1}.drawer-slide-enter-active,.drawer-slide-leave-active{transition:transform .3s ease}.drawer-slide-enter-from,.drawer-slide-leave-to{transform:translate(100%)}.drawer-slide-enter-to,.drawer-slide-leave-from{transform:translate(0)}.cls-disabled{pointer-events:none;opacity:.6;cursor:not-allowed!important;-webkit-user-select:none;user-select:none;background:#9ca3af!important}