.navigation{background-color:#1a0b2e;height:80px}@media screen and (max-width:1180px){.navigation{padding:0 20px}}.navigation .navigation-container{justify-content:space-between;align-items:center;height:100%;display:flex;position:relative}.navigation .navigation-container-overlay{z-index:3;background-color:#11071f;width:100%;height:100vh;transition:all .3s ease-in-out;position:fixed;top:80px;right:-100%}.navigation .navigation-container-overlay-link-holder{flex-direction:column;justify-content:center;align-items:center;gap:40px;height:calc(100% - 80px);display:flex}.navigation .navigation-container-overlay-link{color:#fff;text-transform:capitalize;-webkit-text-decoration:unset;text-decoration:unset;cursor:pointer;margin:0;font-size:18px;font-weight:500}.navigation .navigation-container-overlay-active{transition:all .3s ease-in-out;right:0}.navigation .navigation-container-right{align-items:center;gap:120px;display:flex}@media screen and (max-width:768px){.navigation .navigation-container-right{display:none}}.navigation .navigation-container .nav-menu{-o-transition:.5s ease-in-out;z-index:9;cursor:pointer;width:40px;height:30px;transition:all .5s ease-in-out;display:none;position:relative;transform:rotate(0)}@media only screen and (max-width:768px){.navigation .navigation-container .nav-menu{display:block}}.navigation .navigation-container .nav-menu span{opacity:1;-o-transition:.25s ease-in-out;background:#fff;border-radius:9px;width:40px;height:4px;transition:all .25s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}.navigation .navigation-container .nav-menu span:first-child{top:0}.navigation .navigation-container .nav-menu span:nth-child(2){top:12px}.navigation .navigation-container .nav-menu span:nth-child(3){top:24px}.navigation .navigation-container .nav-menu.open span:first-child{top:12px;transform:rotate(135deg)}.navigation .navigation-container .nav-menu.open span:nth-child(2){opacity:0;left:-60px}.navigation .navigation-container .nav-menu.open span:nth-child(3){top:12px;transform:rotate(-135deg)}.navigation .navigation-container-link{color:#fff;text-transform:capitalize;-webkit-text-decoration:unset;text-decoration:unset;cursor:pointer;margin:0;font-size:18px;font-weight:500}
.hero{margin-top:132px}@media only screen and (max-width:768px){.hero{margin-top:70px}}.hero-info{align-items:center;gap:40px;display:flex}@media only screen and (max-width:768px){.hero-info{flex-direction:column}}.hero-info-left{position:relative}@media only screen and (max-width:768px){.hero-info-left{order:2}}.hero-info-left-avatar-holder{z-index:1;position:relative}.hero-info-left-avatar{object-fit:cover;border-radius:50%}.hero-info-left-gradient{z-index:0;position:absolute;top:-95px;left:-70px}@media only screen and (max-width:400px){.hero-info-left-gradient{transform:scale(.9)}}@media only screen and (max-width:340px){.hero-info-left-gradient{transform:scale(.8)}}.hero-info-right-text-heading{color:#fff;margin:0;font-size:20px;font-weight:600}.hero-info-right-text{color:#fff;margin:0;font-size:19px}.hero-info-right-title{color:#1877f2;font-weight:600}.hero-info-right-small-text{margin-top:30px;font-size:17px}.hero-info-right-big-text{color:#fff;letter-spacing:1px;max-width:450px;margin:8px 0 0;font-size:40px;font-weight:500;line-height:50px}@media only screen and (max-width:768px){.hero-info-right-big-text{font-size:30px;line-height:40px}}.hero-info-right-saturn-text{color:#1877f2;margin-left:5px;position:relative}.hero-info-right-saturn-text:before{content:"";border:1px solid #fff;border-radius:50%;width:192px;height:65px;position:absolute;top:-5px;left:-10px;transform:rotate(-4deg)}@media only screen and (max-width:768px){.hero-info-right-saturn-text:before{width:150px;height:50px}}.hero-description{margin-top:80px}@media only screen and (max-width:768px){.hero-description{margin-top:40px}}.hero-description-text-holder{align-items:center;gap:8px;display:flex}@media only screen and (max-width:400px){.hero-description-text-holder{display:unset}}.hero-description-title{color:#fff;letter-spacing:1px;margin:0 0 10px;font-size:40px;font-weight:500}@media only screen and (max-width:768px){.hero-description-title{font-size:30px;line-height:40px}}.hero-description-text{color:#fff;margin:0;font-size:17px}.hero-description-text-margin{margin-top:10px}.hero-description-company{color:#fff;-webkit-text-decoration:unset;text-decoration:unset;align-items:center;gap:5px;display:flex}@media only screen and (max-width:400px){.hero-description-company{margin:5px 0 0}}.hero-description-info{max-width:520px;margin-top:70px;font-weight:400;line-height:28px}@media only screen and (max-width:768px){.hero-description-info{margin-top:50px}}
.experience-card{z-index:1;filter:drop-shadow(4px 7px 26px #0000001f);background-color:#130428;border-radius:15px;align-items:center;gap:25px;padding:30px;display:flex;position:relative;overflow:hidden}@media only screen and (max-width:1180px){.experience-card{padding:20px}}@media only screen and (max-width:440px){.experience-card{padding:10px}}.experience-card-left,.experience-card-right{z-index:1;position:relative}.experience-card-right-title{color:#fff;margin:0;font-size:25px;font-weight:500}@media only screen and (max-width:768px){.experience-card-right-title{font-size:19px}}.experience-card-right-description{color:#fff;max-width:300px;margin:15px 0 10px;font-size:15px;font-weight:400;line-height:22px}@media only screen and (max-width:768px){.experience-card-right-description{max-width:270px;margin:10px 0;font-size:13px;line-height:20px}}.experience-card-gradient{z-index:0;position:absolute}.experience-card-gradient-top-left{top:-200px;left:-200px}.experience-card-gradient-top-right{top:-200px;right:-200px}.experience-card-gradient-bottom-left{top:0;left:-200px}.experience-card-gradient-bottom-right{top:0;right:-200px}
.experience{margin-top:120px}@media only screen and (max-width:768px){.experience{margin-top:50px}}.experience-title{color:#fff;letter-spacing:1px;margin:0;font-size:30px;font-weight:500}.experience-cards{grid-template-columns:1fr 1fr;gap:20px;margin:50px 0 0;display:grid;position:relative}@media only screen and (max-width:768px){.experience-cards{grid-template-columns:1fr}}.experience-gradient{z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.experience-gradient{display:none}}
.tech-tag{background-color:#251c31;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}
.technologies{flex-direction:column;justify-content:center;align-items:center;margin-top:120px;display:flex}@media only screen and (max-width:768px){.technologies{margin-top:50px}}.technologies-title{color:#fff;letter-spacing:1px;margin:0 0 50px;font-size:30px;font-weight:500}.technologies-description{color:#fff;max-width:600px;margin:0;font-size:17px;line-height:28px}.technologies-list{align-items:center;gap:10px;margin-top:30px;display:flex}@media only screen and (max-width:768px){.technologies-list{flex-wrap:wrap}}
.button{text-transform:uppercase;color:#fff;cursor:pointer;background-color:#2c1250;border:1px solid #693b93;border-radius:10px;min-width:120px;height:33px;font-size:13px;font-weight:500}.button:active{transform:translateY(2px)}.button-big{width:100%;height:40px;font-size:14px}
.project-card{grid-template-columns:1fr 1fr;gap:40px;margin-top:100px;display:grid}@media only screen and (max-width:768px){.project-card{grid-template-columns:1fr;margin-top:50px}}.project-card-left{width:100%}.project-card-left-first{order:1}.project-card-left-second{order:2}@media only screen and (max-width:768px){.project-card-left-second{order:1}}.project-card-left-type{color:#1877f2;margin:0;font-size:14px;font-weight:500}.project-card-left-link{text-decoration:none}.project-card-left-title{color:#ccd6f6;margin:3px 0 30px;font-size:30px;font-weight:500}.project-card-left-desc{color:#ccd6f6;background-color:#1f1333;border-radius:14px;margin:0;padding:26px 30px;font-size:17px;font-weight:500;line-height:25px}@media only screen and (max-width:768px){.project-card-left-desc{padding:15px;font-size:16px}}.project-card-left-tech{align-items:center;gap:10px;margin-top:30px;display:flex}@media only screen and (max-width:768px){.project-card-left-tech{flex-wrap:wrap}}.project-card-left-button{z-index:2;margin-top:30px;position:relative}.project-card-right{box-sizing:border-box;border:15px solid #1f1333;border-radius:14px;width:100%;position:relative}.project-card-right-img{z-index:1;object-fit:cover;position:relative}.project-card-right-gradient{z-index:0;position:absolute;top:-75px;left:-70px}@media only screen and (max-width:400px){.project-card-right-gradient{transform:scale(.9)}}@media only screen and (max-width:340px){.project-card-right-gradient{transform:scale(.8)}}

.form{background-color:#1a0b2e;border-radius:15px;flex-direction:column;align-items:flex-start;gap:25px;max-width:400px;margin-top:50px;padding:40px;display:flex}@media only screen and (max-width:600px){.form{max-width:100%;padding:25px 15px}}.form-input-holder{width:100%;position:relative}.form-input-holder .error{color:#e60e0e;font-size:13px;font-weight:400;position:absolute;bottom:-16px;right:0}.form-input{outline:unset;border:2px solid #0000;border-radius:5px;width:calc(100% - 20px);height:40px;padding:0 10px}.form-input-error-border{border:2px solid #e60e0e}.form-textarea{outline:unset;resize:none;border:2px solid #0000;border-radius:5px;width:calc(100% - 20px);padding:10px}.form-textarea-error-border{border:2px solid #e60e0e}.form-button{width:100%}
.contact{margin-top:120px}@media only screen and (max-width:768px){.contact{margin-top:50px}}.contact-title{color:#fff;letter-spacing:1px;margin:0 0 50px;font-size:30px;font-weight:500}.contact-description{color:#fff;max-width:600px;margin:0;font-size:17px;line-height:28px}.contact-social{align-items:center;gap:20px;margin:50px 0;display:flex}