:root{--gray-1: #333;--gray-2: #4f4f4f;--gray-3: #828282;--bg-1: #f2f2f2;--color-1: #2f80ed;--black: #000;--white: #fff;--fs-1: 2.4rem;--fs-2: 1.8rem;--fs-3: 1.6rem;--fs-4: 1.4rem;--fw-7: 700;--fw-6: 600;--fw-5: 500;--fw-4: 400}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit}html{font-size:62.5%}@media only screen and (max-width: 940px){html{font-size:55%}}@media only screen and (max-width: 768px){html{font-size:50%}}a{text-decoration:none;color:unset}img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}body{padding:5rem;font-family:"Montserrat", sans-serif;font-size:var(--fs-3);font-weight:var(--fw-5);color:var(--gray-3);background-color:var(--bg-1)}@media only screen and (max-width: 940px){body{padding:3rem}}@media only screen and (max-width: 400px){body{padding:2rem}}.container{background-color:inherit;max-width:144rem;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:-webkit-min-content;grid-template-rows:min-content;row-gap:5rem;-webkit-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem}@media only screen and (max-width: 1200px){.container{grid-template-columns:repeat(4, 1fr);row-gap:4rem}}.footer{grid-column:1 / -1;text-align:center;margin-top:5rem}.footer p{font-size:var(--fs-4)}.footer p span{font-weight:var(--fw-7)}::-moz-selection{color:var(--white);background-color:var(--color-1)}::selection{color:var(--white);background-color:var(--color-1)}.section-base{background-color:var(--white);border-radius:1.2rem;padding:2.5rem;-webkit-box-shadow:0 1.5rem 4rem rgba(79,79,79,0.1);box-shadow:0 1.5rem 4rem rgba(79,79,79,0.1)}.btn{padding:1rem 3rem;font-size:var(--fs-2);background-color:var(--color-1);color:var(--white);display:inline-block;border-radius:0.3rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border:1px solid var(--color-1)}.btn:hover{background-color:#1872eb;-webkit-box-shadow:0 0.5rem 1.5rem rgba(51,51,51,0.15);box-shadow:0 0.5rem 1.5rem rgba(51,51,51,0.15)}.btn--outlined{background-color:var(--white);color:var(--color-1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.btn--outlined:hover{background-color:#1872eb;color:var(--white)}.profile{grid-column:1 / 2;grid-row:1 / 3}@media only screen and (max-width: 1200px){.profile{grid-column:1 / 3}}@media only screen and (max-width: 600px){.profile{grid-column:1 / -1;display:-webkit-box;display:-ms-flexbox;display:flex;height:30rem}}@media only screen and (max-width: 530px){.profile{display:block;height:auto;text-align:center}}.profile__img-box{height:40rem;width:100%;border-radius:inherit;overflow:hidden;margin-bottom:2.5rem}@media only screen and (max-width: 1200px){.profile__img-box{height:50rem}}@media only screen and (max-width: 768px){.profile__img-box{height:38rem}}@media only screen and (max-width: 600px){.profile__img-box{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:2rem}.profile__img-box img{height:90%;border-radius:1.2rem}}@media only screen and (max-width: 530px){.profile__img-box{-webkit-box-flex:0;-ms-flex:none;flex:none;margin:0 auto;height:25rem;width:25rem;border-radius:50%;margin-top:2rem;margin-bottom:4rem}.profile__img-box img{height:100%}}@media only screen and (max-width: 400px){.profile__img-box{height:23rem;width:23rem}}.profile__text-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media only screen and (max-width: 768px){.profile__text-box{border-left:0.7px solid var(--gray-3);padding-left:2rem}}@media only screen and (max-width: 530px){.profile__text-box{display:block;border:none;padding-left:0;border-top:1px solid #dfdede;padding-top:4rem}}.profile__info{margin-bottom:2.5rem}.profile__info h2{font-size:var(--fs-1);color:var(--gray-2);font-weight:var(--fw-6);margin-bottom:1rem}.profile__info p{font-size:var(--fs-2)}.profile__contact{margin-bottom:2rem}.profile__contact__item{color:var(--gray-2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 530px){.profile__contact__item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.profile__contact__item span{font-size:var(--fs-1);margin-right:1.5rem}.profile__contact__item p{font-size:var(--fs-2)}.profile__contact__email{margin-bottom:1rem}.profile__about{font-size:var(--fs-2);margin-bottom:1rem}.skill{grid-row:1 / 2;-ms-flex-item-align:start;align-self:flex-start}.skill--1{grid-column:2 / 3}@media only screen and (max-width: 1200px){.skill--1{grid-column:3 / 5}}@media only screen and (max-width: 600px){.skill--1{grid-column:1 / -1;grid-row:3 / 4}}.skill--2{grid-column:3 / 4}@media only screen and (max-width: 1200px){.skill--2{grid-column:3 / 5;grid-row:2 / 3;-webkit-transform:translateY(-13rem);transform:translateY(-13rem)}}@media only screen and (max-width: 768px){.skill--2{-webkit-transform:translateY(-9rem);transform:translateY(-9rem)}}@media only screen and (max-width: 600px){.skill--2{grid-column:1 / -1;grid-row:4 / 5;-webkit-transform:translateY(0);transform:translateY(0)}}.skill__item{background-color:var(--white)}.skill__heading{font-size:var(--fs-2);font-weight:var(--fw-7);color:var(--gray-2);text-transform:uppercase;margin-bottom:2.5rem}.skill__list-box>:not(:last-child){margin-bottom:2rem}.skill__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 600px){.skill__list{display:block}}.skill__list__name{color:var(--gray-2)}@media only screen and (max-width: 600px){.skill__list__name{margin-bottom:1.5rem}}.skill__list__level{width:20rem;height:1rem;background-color:#c4c4c4;border-radius:1.2rem;position:relative;overflow:hidden}@media only screen and (max-width: 768px){.skill__list__level{width:17rem}}@media only screen and (max-width: 600px){.skill__list__level{width:100%}}.skill__list__level.bar::after{content:"";position:absolute;border-radius:1.2rem;height:100%;top:0;left:0;background-color:var(--color-1)}.skill__list__level--1::after{width:85%}.skill__list__level--2::after{width:90%}.skill__list__level--3::after{width:90%}.skill__list__level--4::after{width:60%}.skill__list__level--5::after{width:80%}.skill__list__level--6::after{width:65%}.skill__list__level--7::after{width:80%}.skill__list__level--8::after{width:60%}.projects{grid-column:2 / 4;grid-row:2 / span 2}@media only screen and (max-width: 1200px){.projects{grid-column:1 / -1;grid-row:3 / span 2}}@media only screen and (max-width: 600px){.projects{grid-row:5 / span 2}}.projects>:not(:last-child){margin-bottom:2rem}.projects__info{font-size:var(--fs-2);color:var(--gray-2)}.project{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width: 600px){.project{display:block}}.project__img-box{height:25rem;margin-right:2rem;border-radius:1.2rem;overflow:hidden;border:1px solid rgba(51,51,51,0.1)}@media only screen and (max-width: 600px){.project__img-box{margin-bottom:3rem}}.project__img-box img{-o-object-fit:contain;object-fit:contain}.project__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project__tag span{color:var(--gray-2)}.project__tag span:not(:last-child){margin-right:1rem}@media only screen and (max-width: 600px){.project__tag{margin-bottom:1rem}}.project__title{color:var(--gray-1);font-size:var(--fs-1)}@media only screen and (max-width: 600px){.project__title{margin-bottom:1rem}}@media only screen and (max-width: 600px){.project__detail{margin-bottom:2rem}}.project__btn{margin-right:1rem}.experiences{-ms-flex-item-align:start;align-self:flex-start;grid-column:1 / 2}@media only screen and (max-width: 1200px){.experiences{grid-column:1 / -1}}.experiences h3{font-size:2.4rem;color:var(--gray-2);margin-bottom:4rem}.experience{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (max-width: 400px){.experience{display:block;text-align:center}}.experience:not(:last-child){margin-bottom:3rem}@media only screen and (max-width: 400px){.experience:not(:last-child){margin-bottom:5rem}}.experience img{width:55px;margin-right:3rem;margin-top:1.5rem}@media only screen and (max-width: 400px){.experience img{margin-right:0;display:block;margin:0 auto;margin-bottom:2rem}}.experience__detail>:nth-child(1){font-size:var(--fs-4);margin-bottom:1rem}.experience__detail>:nth-child(2){color:var(--gray-1);font-weight:var(--fw-6);margin-bottom:2rem}.hobbies{grid-column:1 / 2}@media only screen and (max-width: 1200px){.hobbies{grid-column:1 / -1}}.hobbies h3{font-size:var(--fs-1);color:var(--gray-2);margin-bottom:3rem}@media only screen and (max-width: 1200px){.hobbies__content{display:-webkit-box;display:-ms-flexbox;display:flex}.hobbies__content>:not(:last-child){margin-right:2rem}}@media only screen and (max-width: 600px){.hobbies__content{display:block}.hobbies__content>:not(:last-child){margin-right:0}}.hobby:not(:last-child){margin-bottom:3rem}.hobby__img{height:16rem;border-radius:1.2rem;margin-bottom:1.5rem}.hobby__img--1{background:url(../../images/video-game.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.hobby__img--2{background:url(../../images/football.jpg);background-repeat:no-repeat;background-size:cover;background-position:bottom}.hobby__img--3{background:url(../../images/programming.jpg);background-repeat:no-repeat;background-size:cover;background-position:top}.hobby h2{font-size:var(--fs-2);color:var(--gray-1);font-weight:var(--fw-6);margin-bottom:1rem}.blogs{grid-column:2 / 4;-ms-flex-item-align:start;align-self:flex-start}@media only screen and (max-width: 1200px){.blogs{grid-column:1 / -1}}.blogs__info{font-size:var(--fs-2);color:var(--gray-2);margin-bottom:2rem}.blog{padding-right:0;display:grid;grid-template-columns:repeat(2, 1fr);-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.blog__text{padding-right:4rem;position:relative}@media only screen and (max-width: 768px){.blog__text{padding-right:0;grid-column:1 / -1;grid-row:2 / 3}}.blog h3{color:#e0e0e0;margin-bottom:3rem}.blog__title{font-size:2.4rem;color:var(--gray-1);margin-bottom:2rem}@media only screen and (max-width: 768px){.blog__paragraph{margin-bottom:2rem}}.blog span{color:var(--color-1);position:absolute;bottom:0;left:0}@media only screen and (max-width: 768px){.blog span{position:relative}}.blog__img{background-image:url(../../images/programming-2.jpg);background-repeat:no-repeat;background-size:cover;height:30rem;border-top-left-radius:1.2rem}@media only screen and (max-width: 768px){.blog__img{grid-column:1 / -1;grid-row:1 / 2}}