*{margin:0;padding:0;box-sizing:border-box}body{background-color:#1a1b1d}.application{height:100vh}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#631516;border-radius:2px}.navbar{padding:0 24px;display:flex;color:#fff;align-items:Center;width:100%;justify-content:space-between;position:fixed;top:0;height:64px;z-index:2;font-family:Montserrat,sans-serif}.navbar>.sidebar{position:absolute;right:20px;display:none}.navbar>.sidebar>.hamburger{font-size:25px;cursor:pointer}.navbar>.logo{display:flex;flex-direction:column;align-items:start}.navbar>.logo{text-decoration:none;color:#fff}.navbar>.logo>#mi{font-size:23.5px;font-family:Rubik,sans-serif;margin-left:-.6px;font-weight:700}.navbar>.logo>#ke{font-size:20px;font-family:Rubik,sans-serif;margin-top:-9.5px;font-weight:700}.navbar>nav>ul{display:flex;gap:20px}.navbar>nav>ul>li{letter-spacing:2.2px;list-style:none}.navbar>nav>ul>li>a{text-decoration:none;color:#b6b5b5}@media (max-width: 735px){.navbar>nav>ul>li>a{font-size:13px}}@media (max-width: 600px){.navbar>nav{display:none}.navbar>.sidebar{display:block}}.burger-menu{position:fixed;display:flex;height:100vh;width:100%;top:0;left:0}.burger-menu>.left-side{height:100%;width:100%}.burger-menu>.right-side{position:relative;height:100%;width:100%;animation:openModal 1s;background-color:#a82427}.burger-menu>.right-side:after{width:100%;height:100%;position:absolute;top:0;left:0;opacity:60%;mix-blend-mode:soft-light;pointer-events:none;content:"";background-image:url(/noise.png)}.burger-menu>.right-side>.burger{position:absolute;right:20px;top:20px;color:#272727;font-size:30px;cursor:pointer}.burger-menu>.right-side>nav{position:absolute;top:80px;left:20px}.burger-menu>.right-side>nav>ul{display:flex;flex-direction:column;gap:20px}.burger-menu>.right-side>nav>ul>li{letter-spacing:2.2px;list-style:none}.burger-menu>.right-side>nav>ul>li>a{text-decoration:none;color:#1d1d1d;font-weight:700}@media (max-width: 460px){.burger-menu>.left-side{width:40%}.burger-menu>.right-side{width:100%}}@keyframes openModal{0%{transform:translate(200px)}to{transform:translate(0)}}.about{height:80%;width:100%;position:relative;overflow:hidden;font-family:Montserrat,sans-serif}.about:after{width:100%;height:100%;position:absolute;top:0;left:0;opacity:40%;mix-blend-mode:soft-light;pointer-events:none;content:"";background-image:url(/noise.png)}.about>.light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom right,#ffffff -350%,transparent 40%)}.about>.container{padding:24px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:42px}.about>.container>.animation>h1{font-family:Anton,sans-serif;font-weight:900;letter-spacing:1px;font-size:60px;color:#fff;opacity:20%}.about>.container>.box{gap:24px;display:flex;justify-content:center;height:100%}.about>.container>.box>.logo{display:flex;flex-direction:column}.about>.container>.box>.logo>.animation #mi{font-size:90px;height:80px;color:#a82427;font-family:Anton;letter-spacing:2px}.about>.container>.box>.logo>.animation #ke{font-size:99px;color:#b4b2b2;font-family:Anton;letter-spacing:2px}.about>.container>.box>.about-me{max-width:50%}.about>.container>.box>.about-me>.animation>p{margin-top:25px;color:#686868;font-size:18px}.about>.container>.box>.about-me>.animation>p>span{color:#a82427}@media (max-width: 1025px){.about>.container>.box>.about-me{max-width:100%}}@media (max-width: 670px){.about>.container>.box{align-items:center}.about>.container>.box>.about-me>.animation>p{margin-top:0;text-align:justify}}@media (max-width: 540px){.about>.container{padding:24px 8px}.about>.container>.box>.logo{flex-direction:row}.about>.container>.box>.logo>.animation>#mi{font-size:99px}.about>.container>.box{flex-direction:column;justify-content:flex-start;gap:0}.about>.container>.box>.about-me>.animation>p{font-size:14px}}@media (max-width: 350px){.about{height:auto}}.certificates{height:100%;width:100%;position:relative;font-family:Montserrat,sans-serif}.certificates:after{width:100%;height:100%;position:absolute;top:0;left:0;opacity:40%;mix-blend-mode:soft-light;pointer-events:none;content:"";background-image:url(/noise.png)}.certificates>.light{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1;background:linear-gradient(to bottom right,#ffffff -350%,transparent 40%)}.certificates>.container{display:flex;flex-direction:column;align-items:center;padding:32px;height:100%;gap:48px}.certificates>.container>.animation>h1{font-family:Anton,sans-serif;font-size:60px;color:#fff;opacity:20%;letter-spacing:2px}.certificates>.container>.certificates-box{display:flex;align-items:center;justify-content:center;gap:16px;z-index:1}@media (max-width: 1000px){.certificates{height:auto}.certificates>.container>.certificates-box{flex-direction:column}}@media (max-width: 400px){.certificates>.container>.animation>h1{font-size:40px}}.certificate-card{display:flex;flex-direction:column;gap:0px;border-radius:4px;overflow:hidden}.certificate-card>img{max-width:400px;max-height:310px;width:100%;height:100%;box-shadow:1px 16px 28px -4px #000000bd;-webkit-box-shadow:1px 16px 28px -4px rgba(0,0,0,.74);-moz-box-shadow:1px 16px 28px -4px rgba(0,0,0,.74)}.certificate-card>a{background:transparent;border-radius:4px;height:36px;max-width:200px;border:none;color:#daa557;font-family:Montserrat;font-weight:700;letter-spacing:1px;font-size:14px;cursor:pointer;transition:all ease-in-out .22s;display:flex;align-items:center;text-decoration:none;gap:4px}.certificate-card>a:hover{filter:brightness(1.4)}@media (max-width: 1000px){.certificate-card>img{max-width:500px;max-height:400px}}.contacts{height:100%;width:100%;position:relative;font-family:Montserrat,sans-serif}.contacts:after{width:100%;height:100%;position:absolute;top:0;left:0;opacity:40%;mix-blend-mode:soft-light;pointer-events:none;content:"";background-image:url(/noise.png)}.contacts>.light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom right,#ffffff -350%,transparent 40%)}.contacts>.container{padding:20px 48px;height:100%;width:100%;display:flex;justify-content:center;align-items:start;gap:96px}.contacts>.container>.left-side{z-index:1;padding-top:20px;display:flex;flex-direction:column;gap:32px;max-width:50%;align-items:center;max-height:520px}.contacts>.container>.left-side>.lines{display:flex;align-items:center;justify-content:center;width:100%;gap:20px}.contacts>.container>.left-side>.lines>.line{width:4px;height:32px;transform:rotate(30deg);background-color:#a82427}.contacts>.container>.left-side>.animation>h1{color:#bebebe;font-size:42px;letter-spacing:3px;font-weight:900}.contacts>.container>.left-side>.animation>p{color:#8d8d8e;text-align:center;font-size:300}.contacts>.container>.left-side>.contact-info{display:flex;flex-direction:column;gap:32px}.contacts>.container>.left-side>.contact-info>#contact{display:flex;flex-direction:column;gap:4px;align-items:center}.contacts>.container>.left-side>.contact-info>#contact>.animation>#icon{display:flex;align-items:center;gap:8px;color:#c2c2c2;font-family:Montserrat,sans-serif}.contacts>.container>.left-side>.contact-info>#contact>.animation>#icon>a{display:flex;align-items:center}.contacts>.container>.left-side>.contact-info>#contact>.animation>#icon>a>svg{font-size:20px;color:#a82427}.contacts>.container>.left-side>.contact-info>#contact>.animation>#icon>h3>a{letter-spacing:2px;text-decoration:none;font-weight:700;color:#e3e3e2}.contacts>.container>.left-side>.contact-info>#contact>.animation>span{color:#8d8d8e}.contacts>.container>.right-side{width:50%;max-height:520px;height:100%}.contacts>.container>.right-side>form{display:flex;height:100%;padding:20px 36px 36px;flex-direction:column;align-items:center;gap:32px;justify-content:space-between;box-shadow:3px 3px 60px 25px #0000004d;border-radius:4px}.contacts>.container>.right-side>form>.lines{display:flex;align-items:center;justify-content:center;width:100%;gap:20px}.contacts>.container>.right-side>form>.lines>.line{width:4px;height:32px;transform:rotate(30deg);background-color:#797979}.contacts>.container>.right-side>form>h1{color:#bebebe;font-size:42px;text-align:center;font-weight:800}.contacts>.container>.right-side>form>.form-box{display:flex;flex-direction:column;width:100%;gap:20px;z-index:1}.contacts>.container>.right-side>form>.form-box>#input-box{background:transparent;outline:none;border:none;color:#acabab;padding-top:10px;resize:none;border-bottom:1px solid #606163}.contacts>.container>.right-side>form>button{padding:16px 48px;outline:0;border:none;z-index:1;background:#a82427;box-shadow:3px 9px 60px #0000004d;color:#e3e3e2;font-weight:700;letter-spacing:2px;font-family:Montserrat,sans-serif;cursor:pointer;border-radius:5px}@media (max-width: 840px){.contacts>.container>.right-side>form>h1{font-size:30px}.contacts>.container>.left-side>.animation>h1{font-size:30px}.contacts>.container{gap:40px}}@media (max-width: 680px){.contacts>.container{padding:20px 10px;height:auto;flex-direction:column-reverse;align-items:center}.contacts>.container>.left-side{max-width:100%}.contacts>.container>.left-side>.animation>h1{display:none}.contacts>.container>.left-side>.contact-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px}.contacts>.container>.right-side{width:100%}}@media (max-width: 485px){.contacts>.container>.left-side>.contact-info>#contact>.animation>#icon>svg{font-size:16px}.contacts>.container>.left-side>.contact-info>#contact>.animation>#icon>h3{font-size:16px}.contacts>.container>.left-side>.contact-info>#contact>.animation>span{font-size:14px}}@media (max-width: 420px){.contacts>.container>.left-side>.contact-info{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.contacts>.container>.left-side>.contact-info>#contact{width:100%}.contacts>.container>.left-side>.contact-info>.solo{grid-column:1 / -1}.contacts>.container>.left-side>.contact-info>.side-by-side{width:calc(50% - 10px)}.contacts>.container>.right-side>form{padding:20px 12px 12px}}@media (max-width: 330px){.contacts>.container>.left-side>.lines>.line{width:2px}.contacts>.container>.right-side>form>.lines>.line{width:2px}}.home{height:100%;width:100%;position:relative;overflow:hidden}.home:after{width:100%;height:100%;position:absolute;top:0;left:0;opacity:40%;mix-blend-mode:soft-light;pointer-events:none;content:"";background-image:url(/noise.png)}.home:before{content:"";border-radius:50%;z-index:-1;position:absolute;width:600px;height:600px;top:-600px;transform:translate(50%);animation:15s ease 0s infinite normal none running jHa-dKe;will-change:box-shadow;opacity:.6}@keyframes jHa-dKe{0%{box-shadow:#5f5f5f 0 0 300px 150px}25%{box-shadow:#5f5f5f 10px 6px 320px 300px}50%{box-shadow:#5f5f5f -10px -6px 340px 350px}75%{box-shadow:#5f5f5f -20px 6px 335px 200px}to{box-shadow:#5f5f5f -6px 2px 320px 150px}}.home>.bg{display:flex;align-items:center;z-index:-2;position:absolute;overflow:hidden;height:100%;color:#000;width:100%;right:0;background-color:#a82427;clip-path:polygon(60% 0,100% 0,100% 100%,50% 100%)}.home>.bg>h1{font-size:100px;margin-top:15px;letter-spacing:2px;left:55px;font-weight:800;position:absolute;line-height:75px;color:#0f0e0e;font-family:Montserrat}.home>.bg>span{margin-top:110px;left:378px;position:absolute;color:#0f0e0e;font-family:Montserrat}.home>.container{padding:24px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.home>.container>.animation{padding:0 30px;height:100%;width:100%;display:flex;z-index:-3;align-items:center;font-family:Montserrat}.home>.container>.animation>.presentation>.profile{display:flex;flex-direction:column;align-items:start}.home>.container>.animation>.presentation>.profile>h3{color:#adadad}.home>.container>.animation>.presentation>.profile>.name{display:flex;flex-direction:column;align-items:end}.home>.container>.animation>.presentation>.profile>.name>h1{font-size:100px;margin-top:12px;letter-spacing:2px;font-weight:800;line-height:75px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#a82427 100%,#141414 50%)}.home>.container>.animation>.presentation>.profile>.name>span{color:#4d4d4d}.home>.container>.animation>.presentation>.profile>button{max-width:160px;margin-top:10px;background:transparent;font-family:Montserrat;border:none;color:#fff;font-weight:700;display:none}.home>.container>.socials{position:absolute;bottom:24px;display:flex;flex-direction:column;z-index:1;justify-content:center;gap:4px}.home>.container>.socials>a{font-size:24px;color:#c5c4c4;text-decoration:none}@media (max-width: 600px){.home:before{animation:none}.home>.light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom right,#ffffff -350%,transparent 40%)}}@media (max-width: 556px){.home>.bg{clip-path:polygon(76% 0,100% 0,100% 100%,50% 100%)}.home>.container>.animation{padding:0}.home>.bg>h1{font-size:70px;left:25px}.home>.bg>span{left:206px}.home>.container>.animation>.presentation>.profile>.name>h1{font-size:70px}}@media (max-width: 390px){.home>.bg{clip-path:polygon(82% 0,100% 0,100% 100%,30% 100%)}.home>.container>.animation{padding:0}.home>.bg>h1{font-size:50px;left:25px}.home>.bg>span{left:110px}.home>.container>.animation>.presentation>.profile>.name>h1{font-size:50px}}.projects{height:100%;width:100%;position:relative;overflow:hidden}.projects:after{width:100%;height:100%;position:absolute;top:0;left:0;opacity:40%;mix-blend-mode:soft-light;pointer-events:none;content:"";background-image:url(/noise.png)}.projects>.light{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom right,#ffffff -350%,transparent 40%)}.projects>.container{padding:24px;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;gap:42px}.projects>.container>.animation>h1{font-family:Anton,sans-serif;font-weight:900;letter-spacing:1px;font-size:60px;color:#fff;opacity:20%}@media (max-width: 780px){.projects{height:auto}}.slider{height:100%;width:100%;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.slider>.caroussel{justify-content:center;display:flex;position:relative;align-items:center;gap:8px;height:340px}.slider>.caroussel>.left-arrow{position:absolute;left:-35px;z-index:1;color:#c5c4c4;font-size:32px}.slider>.caroussel>.right-arrow{z-index:1;position:absolute;right:-35px;color:#c5c4c4;font-size:32px}.slider>.project-info{padding:0 20px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;z-index:1}.slider>.project-info>.animation>h1{color:#c5c4c4;font-size:36px;font-weight:900;font-family:Montserrat,sans-serif}.slider>.project-info>.animation>p{font-family:Montserrat,sans-serif;color:#535353;font-weight:100}.slider>.project-info>.animation>.links{display:flex;gap:12px}.slider>.project-info>.animation>.links>a{margin-top:8px;padding:12px 48px;text-decoration:none;outline:0;border:none;border-radius:4px;border:1px solid #a82427;background:#a82427;transition:ease .3s;color:#e3e3e2;font-weight:700;letter-spacing:2px;font-family:Montserrat,sans-serif;cursor:pointer;display:flex;align-items:center;gap:4px}.slider>.project-info>.animation>.links a:hover{filter:brightness(1.2);background:transparent;border:1px solid #a82427}.slider>.project-info>.animation>.links>#outlined{background-color:transparent;border:1px solid #a82427}.slider>.project-info>.animation>.links>#outlined:hover{background-color:#a82427;color:#e3e3e2}@media (max-width: 425px){.slider>.caroussel>.left-arrow{left:-15px}.slider>.caroussel>.right-arrow{right:-15px}}@media (max-width: 400px){.slider>.project-info>.animation>.links>a{padding:8px 24px}}.slider>.caroussel>.left-card#left{animation:moveLeftCardToRight 1.4s}.slider>.caroussel>.center-card#left{animation:moveCenterCardToLeft 1.2s}.slider>.caroussel>.right-card#left{animation:moveRightCardToCenter 1.3s}@keyframes moveLeftCardToRight{0%{transform:translate(0)}to{transform:translate(216%)}}@keyframes moveCenterCardToLeft{0%{transform:translate(0)}to{transform:translate(-106%)}}@keyframes moveRightCardToCenter{0%{transform:translate(0)}to{transform:translate(-104%)}}.slider>.caroussel>.left-card#right{animation:moveLeftCardToCenter 1.3s;z-index:1}.slider>.caroussel>.center-card#right{animation:moveCenterCardToRight 1.2s;z-index:1}.slider>.caroussel>.right-card#right{animation:moveRightCardToLeft 1.4s;z-index:0}@keyframes moveRightCardToLeft{0%{transform:translate(0)}to{transform:translate(-212%)}}@keyframes moveCenterCardToRight{0%{transform:translate(0)}to{transform:translate(108.5%)}}@keyframes moveLeftCardToCenter{0%{transform:translate(0)}to{transform:translate(104%)}}.card{position:relative;border-radius:4px;overflow:hidden;max-width:290px;max-height:342px;filter:grayscale(100%) blur(1px)}.card:hover{filter:grayscale(0%) blur(0px)}.card>.shadow{position:absolute;width:100%;height:100%;bottom:0;background:linear-gradient(to top,#1d1f23 0%,transparent 70%)}.card>img{width:100%;height:100%}@media (max-width: 1010px){.card{max-width:250px;max-height:302px}}@media (max-width: 900px){.card{max-width:210px;max-height:262px}}@media (max-width: 780px){.card{display:none}}.main-card{position:relative;border-radius:4px;overflow:hidden;max-width:320px;max-height:380px}.main-card>.shadow{position:absolute;width:100%;height:100%;bottom:0;background:linear-gradient(to top,#1d1f23 0%,transparent 30%)}.main-card>img{transition:all ease .25s;width:100%;border-radius:4px;height:100%}@media (max-width: 1010px){.main-card{max-width:280px;max-height:340px}}@media (max-width: 900px){.main-card{max-width:240px;max-height:300px}}@media (max-width: 780px){.main-card{max-width:320px;max-height:380px}}.skills{height:100%;width:100%;position:relative;font-family:Montserrat,sans-serif}.skills:after{width:100%;height:100%;position:absolute;top:0;left:0;opacity:40%;mix-blend-mode:soft-light;pointer-events:none;content:"";background-image:url(/noise.png)}.skills>.bg{width:100%;z-index:-1;position:absolute;height:100%;color:#000;background-color:#a82427;clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%)}.skills>.light{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1;background:linear-gradient(to bottom right,#ffffff -350%,transparent 40%)}.skills>.light2{top:0;right:0;bottom:0;left:0;position:absolute;z-index:1;background:linear-gradient(to bottom left,#ffffff -350%,transparent 40%)}.skills>.container{padding:32px;height:100%;display:flex;flex-direction:column;align-items:center;gap:48px}.skills>.container>.animation>h1{font-family:Anton,sans-serif;font-size:60px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(to right,#fff 46%,black 50%);opacity:20%;letter-spacing:1px}.skills>.container>.boxs{align-items:center;display:flex;gap:48px;width:100%;justify-content:center}.skills>.container>.boxs>#languages-box{display:flex;z-index:1;flex-direction:column;height:368px;padding:20px 36px 36px;gap:32px;align-items:center;max-width:420px;width:100%;border-radius:5px;transition:all ease .4s}.skills>.container>.boxs>.backend>.animation>h1{font-weight:900;font-size:32px;transition:all ease .4s;color:#1b1b1b}.skills>.container>.boxs>.backend>.backend-skills{gap:8px;display:grid;grid-template-columns:1fr 1fr}.skills>.container>.boxs>.backend>.backend-skills #language{display:flex;align-items:center;gap:4px;color:#1b1b1b;font-weight:700;letter-spacing:2px;font-size:16px;transition:all ease .4s}.skills>.container>.boxs>.backend>.backend-skills #language>svg{font-size:24px}.skills>.container>.boxs>.frontend>.animation>h1{font-weight:900;font-size:32px;transition:all ease .4s;color:#bebebe}.skills>.container>.boxs>.frontend>.frontend-skills{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 10px}.skills>.container>.boxs>.frontend>.frontend-skills #language{display:flex;align-items:center;gap:4px;color:#bebebe;font-weight:700;letter-spacing:2px;font-size:16px;transition:all ease .4s}.skills>.container>.boxs>.frontend>.frontend-skills #language>svg{font-size:24px}@media (max-width: 882px){.skills{height:auto}.skills>.bg{clip-path:polygon(0 57.5%,100% 57.5%,100% 100%,0 100%)}.skills>.container>.boxs{flex-direction:column;gap:8px}.skills>.container>.animation>h1{background-image:linear-gradient(to right,#fff 100%,black 0%)}}@media (max-width: 400px){.skills>.container>.boxs>#languages-box>.frontend-skills{grid-template-columns:1fr}.skills>.container>.boxs>#languages-box>.backend-skills{grid-template-columns:1fr}}