html{scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}#galactic{position:relative;max-width:1920px;margin:auto;overflow:hidden}body{margin:0 auto;background-color:#000;color:#d3d3d3;background-image:url(/galaxy.jpeg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}main,header,footer{background-color:#0006;padding:0 40px}ul li{list-style:none}a{text-decoration:none;color:inherit}section{width:100%}* h1{font-size:38px}* h2{font-size:28px}* h3{font-size:24px}* h4{font-size:20px}* h5,* p,* a{font-size:16px}.planets img{width:100%;height:100%}.planets .planet_one{position:absolute;top:50px;right:-30%;width:700px;height:700px;animation:planetsSpins 400s infinite linear;z-index:-1;filter:contrast(100%)}.planets .planet_two{position:absolute;width:130px;height:100px;top:550px;left:20%;z-index:-2;animation:planetsSpins 320s infinite linear}.planets .planet_three{position:absolute;width:200px;height:200px;top:50px;left:15%;animation:planetsSpins 250s infinite linear;filter:contrast(150%);z-index:-3}.planets .fly_astronout{position:absolute;width:150px;top:700px;left:40%;z-index:-1;animation:flyAstronout 100s infinite linear}@keyframes planetsSpins{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flyAstronout{0%{transform:rotate(0) translate(0) translateY(0)}20%{transform:rotate(50deg) translate(400px) translateY(250px)}40%{transform:rotate(100deg) translate(200px) translateY(-50px)}50%{transform:rotate(150deg)}60%{transform:rotate(200deg) translate(-100px) translateY(-100px)}80%{transform:rotate(300deg) translate(50px) translateY(100px)}to{transform:rotate(0) translate(0) translateY(0)}}@media screen and (max-width: 768px){* h1{font-size:28px}* h2{font-size:22px}* h3{font-size:20px}* h4{font-size:18px}* h5{font-size:16px}* p{font-size:15px}* a{font-size:16px}.planets .planet_one{right:-50%;width:500px;height:500px}.planets .planet_three{width:150px;height:150px}}@media screen and (max-width: 481px){.planets .planet_two{top:650px;left:170px}* h1{font-size:20px}* h2{font-size:18px}* h3{font-size:16px}* h4{font-size:15px}* h5{font-size:14px}* p{font-size:12px}* a{font-size:14px}main,header,footer{padding:0 20px}}.button{--offset: 5px;--border-size: 2px;display:inline-block;position:relative;padding:1em 2em;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#b9085d;text-transform:uppercase;letter-spacing:.25em;outline:none;cursor:pointer;font-weight:700;border-radius:0;box-shadow:inset 0 0 0 var(--border-size) currentcolor;transition:background .8s ease;animation:headerText 1s 1}.button:hover{background:rgba(100,0,0,.03)}.button__horizontal,.button__vertical{position:absolute;top:var(--horizontal-offset, 0);right:var(--vertical-offset, 0);bottom:var(--horizontal-offset, 0);left:var(--vertical-offset, 0);transition:transform .8s ease;will-change:transform}.button__horizontal:before,.button__vertical:before{content:"";position:absolute;border:inherit}.button__horizontal{--vertical-offset: calc(var(--offset) * -1);border-top:var(--border-size) solid currentcolor;border-bottom:var(--border-size) solid currentcolor}.button__horizontal:before{top:calc(var(--vertical-offset) - var(--border-size));bottom:calc(var(--vertical-offset) - var(--border-size));left:calc(var(--vertical-offset) * -1);right:calc(var(--vertical-offset) * -1)}.button:hover .button__horizontal{transform:scaleX(0)}.button__vertical{--horizontal-offset: calc(var(--offset) * -1);border-left:var(--border-size) solid currentcolor;border-right:var(--border-size) solid currentcolor}.button__vertical:before{top:calc(var(--horizontal-offset) * -1);bottom:calc(var(--horizontal-offset) * -1);left:calc(var(--horizontal-offset) - var(--border-size));right:calc(var(--horizontal-offset) - var(--border-size))}.button:hover .button__vertical{transform:scaleY(0)}@media screen and (max-width: 481px){.button{padding:7px 12px}}.main_header_section{max-width:1366px;margin:0 auto;padding:80px 0;display:flex;justify-content:space-evenly;align-items:center;position:relative}.main_header_section .title{width:69%}.main_header_section .title h2{color:#d2d2d3;-webkit-user-select:none;user-select:none;letter-spacing:5px;animation:headerText 1.4s 1;text-shadow:-5px 0 5px rgba(255,255,255,.2)}.main_header_section .title h2 span{display:inline-block}.main_header_section .title h1{font-size:3.5em;letter-spacing:15px;-webkit-user-select:none;user-select:none;margin:20px 0 30px;text-shadow:-5px 0 5px rgba(102,51,153,.6);background-image:url(/text-background.jpg);color:transparent;-webkit-background-clip:text;animation:textBackground 20s infinite linear,headerText 1.2s 1}.main_header_section .title h1 span{display:inline-block}.main_header_section .hero{display:flex;justify-content:space-between;align-items:center;background-color:#0000004d;border-radius:35% 30% 150px 80%;box-shadow:0 0 250px #66339959;animation:headerImg .5s 1;width:35%;padding:40px}.main_header_section .hero .image{overflow:hidden;border:5px solid rgba(0,0,0,.201);box-shadow:0 0 5px #fff;background-color:#0006;border-radius:35% 30% 150px 80%}.main_header_section .hero .image img{opacity:0;width:90%;height:100%;animation:hero ease-in .5s 1 1s;animation-fill-mode:forwards;filter:contrast(110%)}.main_header_section .planet img{position:absolute;top:-10%;left:15%;width:200px;height:200px;filter:contrast(150%);z-index:-1;animation:headerPlanet 400s infinite}@keyframes textBackground{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes headerPlanet{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes headerText{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes hero{0%{opacity:0}to{opacity:1}}.main_about_me_section{max-width:1366px;margin:0 auto;padding:80px 0;text-align:center}.main_about_me_section .about_me{background-color:#0006;margin:40px auto;padding:40px;letter-spacing:2px;line-height:26px}.main_services_section{max-width:1366px;margin:0 auto;padding:80px 0;position:relative}.main_services_section .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center}.main_services_section .progress .progressBar{height:5px;background-color:#fff;margin-top:10px}.single_service_section{max-width:1366px;padding:80px 0;margin:80px auto;overflow:hidden}.single_service_section .container{display:flex;align-items:center;overflow:hidden}.single_service_section .container .image{width:49%}.single_service_section .container .image img{width:80%;height:350px}.single_service_section .container .textContainer{width:49%}.single_service_section .container .textContainer h2{margin-bottom:20px}.single_service_section .container .textContainer p{width:50%}.main_contact_section{max-width:1366px;margin:0 auto;padding:80px 0;overflow:hidden}.main_contact_section h1{text-align:center;margin-bottom:40px}.main_contact_section .contact{display:flex;justify-content:space-evenly}.main_contact_section .contact .info{display:flex;flex-direction:column;justify-content:space-between;width:49%}.main_contact_section .contact .info h1{margin-bottom:20px}.main_contact_section .contact .info ul{display:flex;flex-direction:column;gap:40px}.main_contact_section .contact .info ul li{display:flex;flex-direction:column;gap:10px}.main_contact_section .contact .info ul li a{display:flex;align-items:center;gap:10px}.main_contact_section .contact .info ul li a svg{font-size:30px;color:#b9085d}.main_contact_section .contact .form{position:relative;width:49%}.main_contact_section .contact .form .phoneSvg{position:absolute;top:10%;right:0;left:0;bottom:0;margin:auto}.main_contact_section .contact .form form{display:flex;flex-direction:column;gap:20px;position:relative;padding:0 20px}.main_contact_section .contact .form form .message_sent{position:absolute;bottom:-8%;color:#fff}.main_contact_section .contact .form form input,.main_contact_section .contact .form form textarea{padding:20px;background-color:transparent;border:1px solid white;outline:none;color:#fff;border-radius:5px;transition:.3s}.main_contact_section .contact .form form input:hover,.main_contact_section .contact .form form textarea:hover{padding:20px 35px}.main_contact_section .contact .form form button{padding:20px;border:none;background-color:#b9085d;color:#fff;letter-spacing:1px;transition:.3s;border-radius:5px;cursor:pointer}.main_contact_section .contact .form form button:hover{opacity:.9}@media screen and (max-width: 768px){.main_about_me_section,.single_service_section,.main_services_section,.main_contact_section{padding:60px 0}.main_header_section{flex-direction:column-reverse}.main_header_section .title{margin:0 auto;width:100%}.main_header_section .title h1{font-size:38px}.main_header_section .hero{margin:20px auto;width:50%}.single_service_section .container .image img{width:200px;height:200px}.single_service_section .container .textContainer{width:100%}.single_service_section .container .textContainer h2{margin-bottom:5px}.single_service_section .container .textContainer p{width:100%}}@media screen and (max-width: 480px){.main_about_me_section,.single_service_section,.main_services_section,.main_contact_section{padding:40px 0}.main_header_section .title h1{font-size:28px}.main_header_section .hero{width:80%}.main_about_me_section .about_me{padding:10px}.single_service_section .container .image img{width:150px;height:150px}.single_service_section .container .textContainer{width:100%;margin-left:10px}.single_service_section .container .textContainer h2{margin-bottom:5px}.single_service_section .container .textContainer p{width:100%}.main_contact_section .contact{flex-direction:column}.main_contact_section .contact .form{width:100%;margin-top:40px}.main_contact_section .contact .form form{padding:0}.main_contact_section .contact .info{width:100%}}.header_section{max-width:1366px;margin:0 auto;padding:80px 0;display:flex;align-items:center;justify-content:space-between}.header_section img{width:30%;animation:astronaut 40s infinite ease-in,headerImg 1s 1}.header_section h1{font-size:3.5em;letter-spacing:15px;-webkit-user-select:none;user-select:none;margin:20px 0 30px;text-shadow:-5px 0 5px rgba(102,51,153,.6);background-image:url(/text-background.jpg);color:transparent;-webkit-background-clip:text;animation:textBackground 20s infinite linear,headerText 1s 1}.header_section h1 span{display:inline-block}.header_section h2{color:#d2d2d3;-webkit-user-select:none;user-select:none;letter-spacing:5px;animation-name:headerText;animation-duration:1.2s;animation-iteration-count:1;text-shadow:-5px 0 5px rgba(255,255,255,.2)}.header_section h2 span{display:inline-block}@keyframes astronaut{0%{transform:translate(0)}20%{transform:translateY(20px)}40%{transform:translate(20px)}60%{transform:translateY(-40px)}80%{transform:translate(-40px)}to{transform:translate(0) translateY(0)}}@keyframes headerImg{0%{transform:translate(100%)}to{transform:translate(0)}}@media screen and (max-width: 768px){.header_section{flex-direction:column-reverse}.header_section h1{font-size:38px}}@media screen and (max-width: 481px){.header_section img{width:50%;z-index:-1}.header_section h1{font-size:28px}}footer{margin:0 auto;padding:80px 0;color:#f5f5f594;background-color:#000;display:flex}footer .navigation_links{margin:0 auto}footer .navigation_links li{margin:10px 0}footer .navigation_links li a{font-weight:300;transition:.3s}footer .navigation_links li a:hover{cursor:pointer;opacity:.7}footer .contact_me{margin:0 auto}footer .contact_me li{margin:10px 0}footer .contact_me li a{display:flex;align-items:center;font-weight:300}footer .contact_me li a svg{margin-right:5px}.desctop_nav{max-width:1366px;margin:0 auto;display:flex;justify-content:flex-end;align-items:center}.desctop_nav ul{display:flex;padding:40px 20px}.desctop_nav ul a{display:block;width:100px;margin:0 5px;text-align:center;position:relative;transition:1s}.desctop_nav ul a:hover{opacity:.6}.desctop_nav ul a:before{content:"";position:absolute;bottom:-5px;height:1px;width:0%;left:50%;background-color:#fff;transition:.5s}.desctop_nav ul a:after{content:"";position:absolute;bottom:-5px;right:50%;height:1px;width:0%;background-color:#fff;transition:.5s}.desctop_nav ul a:hover:before{width:35%}.desctop_nav ul a:hover:after{width:35%}.sidebar{position:fixed;top:0;left:0;padding:20px;height:100%;z-index:888;transition:.5s;background:linear-gradient(170deg,rgba(7,8,11,.8) 20%,rgba(17,22,33,.5) 20%,rgba(39,44,55,.5) 35%,rgba(20,23,30,.6) 35%,rgba(18,20,26,.8) 45%,rgba(26,31,40,.5) 45%,rgba(18,21,27,.8) 75%,rgba(34,39,50,.5) 75%),linear-gradient(45deg,rgba(20,24,31,.8) 0%,rgba(41,48,61,.8) 50%,rgba(82,95,122,.8) 50%,rgba(133,146,173,.8) 100%) #313949}.sidebar .logo{position:absolute;z-index:1000}.sidebar .logo img{width:104px;height:104px}.sidebar .links ul{display:flex;height:100vh;width:100px;flex-direction:column;justify-content:center;align-items:center}.sidebar .links ul svg{font-size:22px;margin:10px 0;transition:.3s;cursor:pointer}.sidebar .links ul svg:hover{opacity:.6}.sidebar .mobile_nav{display:none}.openButton{position:fixed;z-index:99999;left:140px;background-color:#1c1e26;width:40px;height:40px;display:flex;flex-direction:column;justify-content:space-around;perspective:400px;padding:5px;border-radius:0 0 5px 5px;cursor:pointer}.openButton .line{height:3px;width:100%;background-color:#fff;transition:.5s}.openButton .open{transform-origin:50% 100%;transform:rotateY(180deg)}.openButton .open:nth-child(1){transform:rotate(45deg) translate(2px);transform-origin:15% 100%}.openButton .open:nth-child(2){transform:translate(-1000%)}.openButton .open:nth-child(3){transform:rotate(-45deg) translate(5px);transform-origin:15% 100%}.openButton .hide{transform:translate(-200%)}@media screen and (max-width: 768px){.desctop_nav{display:none}.openButton{top:20px;left:20px}.sidebar{width:100%}.sidebar .nav_links{display:flex;justify-content:space-evenly}.sidebar .logo{text-align:center;position:static}.sidebar .logo img{width:170px;height:170px}.sidebar .links ul{width:100%;height:100%}.sidebar .links ul a{margin-top:20px;display:flex;align-items:center;width:150px;background-color:#313949;border-radius:5px 5px 5px 0}.sidebar .links ul a:hover{opacity:.9}.sidebar .links ul a li{background-color:#1c1e26;margin-right:10px;padding:0 10px}.sidebar .links ul a:nth-child(1):after{content:"Linkedin"}.sidebar .links ul a:nth-child(2):after{content:"Telegram"}.sidebar .links ul a:nth-child(3):after{content:"Gmail"}.sidebar .links ul a:nth-child(4):after{content:"Github"}.sidebar .mobile_nav{display:flex;margin-top:20px}.sidebar .mobile_nav .navigation_link{width:100%}.sidebar .mobile_nav .navigation_link ul{display:flex;flex-direction:column;justify-content:space-between;height:100%}.sidebar .mobile_nav .navigation_link ul a{width:90px;display:inline-block;text-align:center;border:1px solid white;padding:5px 10px;border-radius:5px 5px 5px 0}.sidebar .mobile_nav .navigation_link ul a:hover{opacity:.9}}