*{padding:0;margin:0;border:0}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited{text-decoration:none}a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";*{font-family:"Comfortaa",sans-serif;-webkit-transition:.6s all;-o-transition:.6s all;transition:.6s all;font-size:14px}.container{width:1400px;margin:0 auto}.header{height:70px;padding:10px 0px;background:#2b2b2b;position:fixed;width:100%;-webkit-filter:blur(5px);filter:blur(5px);opacity:.5;z-index:5}.header:hover{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}.header__body{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}.header__logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;cursor:pointer}.header__logo img{height:50px}.header__logo p{font-size:20px;color:#fff}.header__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:34px}.header__link{background:rgba(0,255,157,.8431372549);padding:10px 16px;border-radius:10px;cursor:pointer}.header__link p{font-size:16px;color:#000}.header__link:hover{background:#fff}.header__menu{width:40px;height:40px;background:rgba(0,255,157,.8431372549);border-radius:10px;display:none;overflow:hidden}.header__menu svg{width:40px;height:40px;padding:8px;fill:#fff}.menu{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,.7450980392);z-index:10;opacity:0;display:none}.menu__body{width:320px;height:100vh;background:#1f1f1f;padding:100px 20px;position:relative;margin-left:-320px}.menu__close{position:absolute;top:20px;right:20px}.menu__close svg{width:35px;height:35px;fill:#00ff9d}.menu__link{padding:10px 14px;background:rgba(85,85,85,.1215686275);border-radius:10px;margin-bottom:20px}.menu__link p{font-size:20px;color:#00ff9d}.first{width:100%;height:100vh;background:#3f3f3f;position:relative;overflow:hidden;-webkit-transition:.1s all;-o-transition:.1s all;transition:.1s all}.first *{-webkit-transition:.1s all;-o-transition:.1s all;transition:.1s all}.first__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100vh}.first__left{width:50%;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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative;z-index:4}.first__left h1{font-size:26px;margin-bottom:26px;color:#00ff9d;background:#000;padding:10px 18px;border-radius:8px}.first__left h2{font-size:52px;color:#fff;font-weight:700;margin-bottom:10px;background:rgba(0,0,0,.5411764706);padding:10px 18px;border-radius:8px}.first__left h3{font-size:20px;color:#fff;background:rgba(0,0,0,.5411764706);padding:10px 18px;border-radius:8px}.first__right{width:50%;position:relative;z-index:3}.first__wrapper_one{width:90%;position:absolute;left:50%;bottom:0px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}.first__wrapper_two{width:85%;position:absolute;left:50%;bottom:0px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0}.first__persona{width:70%;position:absolute;left:50%;bottom:0px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:4}.first__wave{position:absolute;width:100vw;height:60px;bottom:0px;left:0px;right:0px;z-index:3}.first__wave img{width:100%;height:100%}.first__html{position:absolute;width:130px;top:14%;left:5%;z-index:1}.first__html img{width:100%;position:relative;-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);z-index:1}.first__css{position:absolute;width:130px;top:34%;right:10%;z-index:1}.first__css img{width:100%;position:relative;-webkit-transform:rotate(28deg);-ms-transform:rotate(28deg);transform:rotate(28deg);z-index:1}.first__js{position:absolute;width:170px;bottom:10%;left:36%;z-index:1}.first__js img{width:100%;position:relative;-webkit-transform:rotate(28deg);-ms-transform:rotate(28deg);transform:rotate(28deg);z-index:1}.skill{background:#2b2b2b;padding:60px 0px;position:relative;overflow:hidden}.skill__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.skill__title{margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.skill__title p{font-size:30px;color:#00ff9d;background:#000;padding:10px 18px;border-radius:8px}.skill__left{width:35%}.skill__left img{width:100%}.skill__right{width:65%;padding-left:40px}.skill__table{padding:40px;background:rgba(255,255,255,.2274509804);border-radius:40px;position:relative;min-height:240px}.skill__item{display:none;opacity:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.skill__item h1{font-size:26px;margin-bottom:20px;color:#00ff9d;width:auto;background:rgba(0,0,0,.2352941176);padding:10px 16px;border-radius:10px}.skill__item h2{font-size:18px;line-height:140%;color:#fff}.skill__icon{width:100px;height:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:-90px;right:120px;background:#fff;border-radius:15px;-webkit-box-shadow:5px 3px 6px rgba(0,0,0,.7176470588);box-shadow:5px 3px 6px rgba(0,0,0,.7176470588)}.skill__icon img{height:80%;display:none;opacity:1}.skill__count{padding:16px;border-radius:20px;background:#00ff9d;position:absolute;bottom:-20px;right:-20px}.skill__count p{font-size:26px;font-weight:600}.skill__nav{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:40px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.skill__btn{width:7%;cursor:pointer}.skill__btn img{width:100%}.skill__point{width:1.5%;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-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}.skill__point img{width:100%}.skill__next{-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.skill__info{margin:40px 0px;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:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.skill__info h1{padding:10px 16px;border-radius:10px;background:#000;color:#00ff9d;font-size:24px;margin-bottom:20px}.skill__info h2{padding:10px 16px;border-radius:10px;background:rgba(0,0,0,.3294117647);color:#fff;font-size:20px;line-height:140%}.skill__line{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.skill__wave{position:absolute;width:100vw;height:60px;bottom:0px;left:0px;right:0px}.skill__wave img{width:100%;height:100%}.project{background:#1f1f1f;padding:60px 0px;position:relative;overflow:hidden}.project__title{margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.project__title p{font-size:30px;color:#00ff9d;background:#000;padding:10px 18px;border-radius:8px}.project__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.project__left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;width:50%}.project__card{width:49%;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-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:20px}.project__card:hover{-webkit-transform:translate(6px, -6px);-ms-transform:translate(6px, -6px);transform:translate(6px, -6px);border-radius:20px;background:rgba(255,255,255,.0901960784)}.project__card:hover h1{background:#000;color:#fff}.project__card:hover .project__btn{background:rgba(0,255,213,.5803921569)}.project__card:hover .project__btn img{width:50px}.project__card h1{width:100%;padding:20px;background:rgba(0,255,157,.8431372549);border-radius:10px;font-size:18px;color:#000}.project__card h2{width:100%;padding:20px;font-size:16px;line-height:140%;color:#fff}.project__btn{padding:6px;border-radius:10px;background:#3a3a3a}.project__btn img{width:40px}.project__right{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project__right img{width:60%}.project__wave{position:absolute;width:100vw;height:60px;bottom:0px;left:0px;right:0px}.project__wave img{width:100%;height:100%}.contact{background:#000;padding:60px 0px;position:relative;overflow:hidden}.contact__title{margin-bottom:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.contact__title p{font-size:30px;color:#00ff9d;background:#1a1a1a;padding:10px 18px;border-radius:8px}.contact__body{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}.contact__left{width:30%}.contact__left img{width:80%}.contact__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;width:70%;-ms-flex-wrap:wrap;flex-wrap:wrap}.contact__card{border-radius:10px;background:rgba(0,255,157,.6235294118);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px 20px}.contact__card img{width:60px}.contact__card p{font-size:20px;color:#fff}.contact__card:hover{background:#00ff9d}.contact__card:hover p{color:#000}.pepe{position:fixed;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.7764705882);top:0px;z-index:100;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.pepe__body{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:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.pepe__body img{border-radius:200px;width:200px;height:200px}.pepe__body p{display:block;width:100%;font-size:20px;color:#fff;text-align:center}@media(max-width: 1450px){.container{width:100%;padding:0px 10px}.skill__right{padding-right:20px}}@media(max-width: 1200px){.project__right{width:30%}.project__right img{width:90%}.project__left{width:70%}.project__block{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media(max-width: 1000px){.first__html{width:100px}.first__css{right:4%}.first__js{width:120px;bottom:7%;left:30%}.project__card h1{font-size:16px;padding:10px}.project__card h2{padding:10px;font-size:14px}.contact__card p{font-size:16px}}@media(max-width: 720px){.skill__title p{font-size:24px}.skill__icon{right:70px}.skill__table{padding:24px}.skill__count p{font-size:20px}.skill__info h1{font-size:20px;margin-bottom:10px}.skill__info h2{font-size:14px}.project__title p,.contact__title p{font-size:24px}.contact__card{padding:6px 10px}.contact__card img{width:40px}}@media(max-width: 660px){.header__list{gap:14px}.first__left{width:100%}.first__left h1{font-size:20px}.first__left h2{font-size:32px}.first__left h3{font-size:18px}.first__persona{width:130%}.first__html{width:70px}.first__css{right:4%;width:90px;top:27%}.first__js{width:90px;bottom:9%;left:20%}.project__block{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:30px}.project__right{width:100%}.project__right img{width:40%}.project__left{width:100%}}@media(max-width: 620px){.skill__block{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}.skill__left{width:100%}.skill__left img{width:40%}.skill__right{width:100%;padding-left:0px;padding-right:0px}.skill__icon{width:70px;height:70px;top:-50px}.skill__count{padding:8px;right:0px}.skill__count p{font-size:16px}.skill__item h1{font-size:18px}.skill__item h2{font-size:16px}.skill__info h1{font-size:16px}.skill__line{gap:4px}.skill__line h2{font-size:14px}}@media(max-width: 560px){.header{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}.header__list{display:none}.header__menu{display:-webkit-box;display:-ms-flexbox;display:flex}}@media(max-width: 460px){.first__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:80px}.first__left{width:100%;height:50vh;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.first__right{width:100%;height:50vh}.first__persona{width:55%;left:80%}.first__html{width:90px}.first__css{right:4%;width:100px;top:27%}.first__js{width:110px;bottom:15%;left:20%}.skill__title p{font-size:18px}.skill__icon{right:50px}.skill__btn{width:10%}.skill__point{width:2.2%}.skill__left img{width:60%}.project__card{width:100%}.project__title p{font-size:18px}.project__right img{width:60%}.contact__title p{font-size:18px}.contact__left{width:40%}.contact__right{width:60%}.contact__card{width:100%}.contact__card p{text-align:center}.contact__body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.contact__right{width:100%}.contact__left{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.contact__left img{width:50%}}