*{margin:0;padding:0;box-sizing:border-box}*::-moz-selection{color:#000;background:#B002FA}*::selection{color:#000;background:#B002FA}html{scroll-behavior:smooth}html::-webkit-scrollbar{background:none;width:18px}html::-webkit-scrollbar-thumb{background:black}body{font-family:Arial,Helvetica,sans-serif}body .Navbar{position:absolute;display:flex;height:70px;width:100%;top:0;justify-content:space-between;align-items:center;padding-top:10px}body .Navbar .logo{width:150px;margin-left:125px;-o-object-fit:cover;object-fit:cover;margin-top:15px}body .Navbar .logo2,body .Navbar .logo3,body .Navbar .logo4,body .Navbar .phone{display:none}body .Navbar .navigation{display:flex;list-style:none;margin-top:18px;margin-left:130px}body .Navbar .navigation li{font-size:27px;margin:0 10px;font-family:Lobster,cursive}body .Navbar .navigation li a{text-decoration:none;color:#000;transition:.3s;height:-moz-fit-content;height:fit-content;cursor:pointer}body .Navbar .navigation li:first-letter{color:#b002fa}body .Navbar .navigation li:hover a{transition:.3s;color:#b002fa}body .Navbar .navigation li:active a{color:red}body .Navbar .sun{width:35px;height:35px;cursor:pointer;position:relative;left:-75px;top:16px}body .Navbar .sun2,body .Navbar .bars,body .Navbar h1{display:none}body .Navbar .modes{display:flex;list-style:none;margin-top:15px}body .Navbar .modes li{color:#000;margin:0 10px;font-family:Lobster,cursive;font-size:26px;cursor:pointer;height:-moz-fit-content;height:fit-content}body .Navbar .modes li .red{color:red}body .Navbar .modes li .violet{color:#b002fa}body .Navbar .modes li .blue{color:#00f}body .Navbar .modes li .dark{font-weight:900}body .Navbar .modes li:nth-child(1):hover{transition:.4s;color:red}body .Navbar .modes li:nth-child(2):hover{transition:.4s;color:#00f}body .Navbar .modes li:nth-child(3):hover{transition:.4s;color:#b002fa}body .Navbar .modes li:nth-child(4):hover{transition:.4s;font-weight:900}body .Navbar .x{display:none;font-size:35px;transform:translate(-80px)}@media (min-width: 1600px){body .Navbar{height:90px;max-width:1705px}body .Navbar .logo{width:200px}body .Navbar .navigation li{font-size:37px}body .Navbar .sun{width:55px;height:55px;left:-130px}body .Navbar .modes li{font-size:37px}body .Navbar .x{font-size:52px;transform:translate(-135px)}}@media (min-width: 1070px) and (max-width: 1599.9px){body .Navbar{justify-content:space-around}body .Navbar .logo{width:180px;margin-left:25px}body .Navbar .navigation li{font-size:32px}body .Navbar .sun{width:45px;height:45px;left:-30px}body .Navbar .modes li{font-size:33px}body .Navbar .x{font-size:48px;transform:translate(-135px)}}@media (min-width: 850px) and (max-width: 1069.9px){body .Navbar{justify-content:space-between}body .Navbar .logo{width:180px;margin-left:25px}body .Navbar .navigation{margin-left:15px}body .Navbar .navigation li{font-size:30px}body .Navbar .sun{width:45px;height:45px;left:-30px}body .Navbar .modes li{font-size:25px}body .Navbar .x{font-size:45px;translate:60px -8px}}@media (min-width: 510px) and (max-width: 849.9px){body .Navbar{justify-content:space-around;align-items:center;margin:0}body .Navbar .logo{margin:0;width:110px}body .Navbar .navigation{margin-left:10px;margin-top:0}body .Navbar .navigation li{font-size:20px;margin:0 5px;width:-moz-fit-content;width:fit-content}body .Navbar .modes{margin:0}body .Navbar .modes li{font-size:17px;margin:0 5px}body .Navbar .sun{width:28px;height:28px;margin:0;left:0;top:0}body .Navbar .x{font-size:35px;position:relative;z-index:10;right:10px;top:10px;transform:translate(-500px)}}@media (max-width: 509.9px){body #close{justify-content:center;transition:1s}body #close .logo{margin:0}body #close .navigation,body #close .sun{opacity:0;position:absolute;top:-100px}body #close .phone{display:block;position:absolute;font-size:27px;color:#b002fa;cursor:pointer;top:20px;right:20px}body #open{display:flex;flex-direction:column;align-items:center;gap:15px;background:white;height:-moz-fit-content;height:fit-content;padding-bottom:200px;border-bottom:1.5px solid black;z-index:10}body #open .phone{display:block;position:absolute;font-size:27px;color:#b002fa;cursor:pointer;top:20px;right:20px}body #open .logo{margin:0}body #open .navigation,body #open .sun{opacity:1;position:relative;top:0;transition:1s}body #open .navigation{margin:0;flex-direction:column;align-items:center;gap:20px}body #open .modes{flex-direction:column;align-items:center;gap:10px}body #open .sun{position:absolute;top:20px;left:20px}body #open .x{display:none}}body .Navbar.clicked .x{display:block;margin-top:15px;cursor:pointer}body .Navbar.clicked .x:hover{color:#b002fa;transition:.4s}body .Navbar.clicked .sun,body .Navbar.clicked .sun2{display:none}body .Footer{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#B002FA;padding-top:10px}body .Footer img{margin:20px 0}body .Footer p{width:70%;text-align:center;margin:10px 0;font-size:17px;line-height:1.5;color:#fff}body .Footer p:first-letter{color:#000;font-weight:600}body .Footer .links{display:flex;align-items:center;justify-content:center;margin:15px 0}body .Footer .links a{background-color:#fff;font-size:20px;border-radius:50%;padding:9px 10.5px;color:#b002fa;margin:0 10px;cursor:pointer;text-decoration:none;transition:.7s}body .Footer .links a:hover .icon{transform:rotateY(360deg);transition:1s}body .Footer .links a:hover{background:black;transition:.5s}body .Footer .links a:nth-child(3){padding:9px}body .Footer h2{font-size:18px;margin-top:20px;padding:12px;width:100%;text-align:center;letter-spacing:2px;font-weight:400;color:#fff;background:black}body .Footer h2 .name{font-family:Lobster,cursive;font-size:20px}body .Footer h2 .name span{color:#b002fa;font-weight:700}body .Main{display:flex;flex-direction:column;align-items:center}body .Main .Navbar.clicked .x{position:relative;left:90px;top:2px}body .Main .Home{background-image:url(/assets/Home-d8e34086.svg);background-position:center;background-repeat:no-repeat;background-size:cover;min-width:100%;height:100vh;display:flex;justify-content:center;align-items:center;transition:1s}body .Main .Home .left{margin-top:143px;margin-left:100px;transition:1s}body .Main .Home .left h3{font-size:25px;font-weight:100}body .Main .Home .left h1{font-size:50px;font-family:Lobster,cursive;letter-spacing:3px;margin-top:-10px;transition:1s}body .Main .Home .left h1 span:nth-child(1){font-family:Arial,Helvetica,sans-serif;letter-spacing:0;font-size:43px}body .Main .Home .left h1 span:nth-child(2){color:#b002fa;font-size:60px}body .Main .Home .left h1 span:nth-child(3){color:#b002fa;font-size:60px}body .Main .Home .left p{font-size:20px;font-weight:600;width:400px;margin-bottom:40px;transition:1s}body .Main .Home .left button{background:#B002FA;color:#fff;border-radius:10px 0;padding:6px 13px;border:none;cursor:pointer;margin:0 20px;font-size:20px;transition:.5s;text-decoration:none}body .Main .Home .left button:hover{background:black;border-radius:0 10px;transition:.5s}body .Main .Home .left button:active{color:#b002fa}body .Main .Home .left .images{transition:1s}body .Main .Home .left .images .night{width:150px;position:relative;top:39px;left:160px;transform:rotate(-2deg);cursor:pointer}body .Main .Home .left .images .queen{width:150px;position:relative;top:80px;left:90px;transform:rotate(1deg);cursor:pointer}body .Main .Home .left .images img:nth-child(3){display:none}body .Main .Home .left .images img:nth-child(4){display:none}body .Main .Home .right{display:flex;transition:1s}body .Main .Home .right img{width:260px;margin:220px 150px 0;position:relative;bottom:-20px;left:30px;z-index:0;transition:1s}body .Main .Home .right .main2,body .Main .Home .right .main3{display:none}body .Main .Home .right .links{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:30px}body .Main .Home .right .links a{background-color:#b002fa;font-size:20px;border-radius:50%;padding:9px 10.5px;color:#fff;margin:13px 0;cursor:pointer;position:relative;z-index:1}body .Main .Home .right .links a .icon{position:relative;top:4px;z-index:2}body .Main .Home .right .links a:hover .icon{transform:rotateY(360deg);transition:1s}body .Main .Home .right .links a:hover:before{background-color:#000;transition:.5s;top:0;border-radius:100%}body .Main .Home .right .links a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;transition:.5s}body .Main .Home .right .links a:nth-child(3){padding:9px}body .Main .Home .right .links h3{position:relative;top:130px;transform:rotate(-90deg);font-family:Lobster,cursive;font-size:23px;border-bottom:2px solid black}body .Main .Home .right .links h3:first-letter{color:#b002fa}body .Main .MySkills{width:100%;height:1000px;background-image:url(/assets/MySkills-bf607a45.svg);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:2}body .Main .MySkills header{text-align:center;color:#fff;display:grid;justify-content:center;width:100%}body .Main .MySkills header img{justify-self:center;width:35px;margin-bottom:3px}body .Main .MySkills header .imgB{display:none}body .Main .MySkills header h1{text-transform:uppercase;font-weight:800;font-size:26px}body .Main .MySkills header h3{font-weight:100;opacity:.9;font-size:15px;position:relative}body .Main .MySkills header h3:before{content:"";position:absolute;width:140px;border-bottom:1.6px solid white;left:-25px;bottom:-14px}body .Main .MySkills header h3:after{content:"";position:absolute;width:140px;border-bottom:1.6px solid white;right:-25px;bottom:-14px}body .Main .MySkills header .circle{width:14px;height:14px;background-color:#fff;border-radius:50%;justify-self:center;margin-top:5px}body .Main .MySkills .container{width:100%;display:flex;justify-content:center}body .Main .MySkills .container .left{margin-top:415px;margin-left:100px}body .Main .MySkills .container .left a{color:#fff;background:#B002FA;border-radius:10px;padding:10px 15px;font-size:20px;font-weight:700;border:none;cursor:pointer;text-decoration:none}body .Main .MySkills .container .left a:hover{background:black;transition:.5s}body .Main .MySkills .container .left a:active{color:#b002fa}body .Main .MySkills .container .left p{margin-top:70px;color:#b002fa;width:330px;text-align:center;margin-left:-80px;font-size:22px;line-height:1.4}body .Main .MySkills .container .center{list-style:none;margin-top:100px}body .Main .MySkills .container .center li:nth-child(1){transform:translate(-130px,-10px)}body .Main .MySkills .container .center li:nth-child(1) h2{background:#B002FA;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(1) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(1) h3{font-family:Lobster,cursive;color:#b002fa;text-align:left;margin-left:-13px}body .Main .MySkills .container .center li:nth-child(2){transform:translate(110px,-80px)}body .Main .MySkills .container .center li:nth-child(2) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(2) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(2) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(2) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-12px}body .Main .MySkills .container .center li:nth-child(3){transform:translate(50px,-23px)}body .Main .MySkills .container .center li:nth-child(3) h2{background:#B002FA;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(3) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(3) h3{font-family:Lobster,cursive;color:#b002fa;text-align:left}body .Main .MySkills .container .center li:nth-child(4){transform:translate(260px,-70px)}body .Main .MySkills .container .center li:nth-child(4) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(4) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(4) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(4) h3{font-family:Lobster,cursive;color:#fff;text-align:left;width:-moz-fit-content;width:fit-content;margin-left:-20px}body .Main .MySkills .container .center li:nth-child(5){transform:translate(140px,-45px)}body .Main .MySkills .container .center li:nth-child(5) h2{background:#B002FA;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(5) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(5) h3{font-family:Lobster,cursive;color:#b002fa;text-align:left}body .Main .MySkills .container .right{margin-top:40px;margin-left:300px}body .Main .MySkills .container .right p{color:#fff;width:340px;text-align:center;font-size:21px;line-height:1.4;margin-bottom:400px}body .Main .MySkills .container .right a{color:#b002fa;background:white;border-radius:10px;padding:10px 15px;font-size:20px;font-weight:700;border:none;text-decoration:none;cursor:pointer;margin-left:70px}body .Main .MySkills .container .right a:hover{background:black;transition:.5s}body .Main .MySkills .container .right a:active{color:#fff}body .Main .MySkills .bottom{display:flex;width:100%;justify-content:center;margin-top:70px}body .Main .MySkills .bottom h2{color:#b002fa;font-size:23px}body .Main .MySkills .bottom h2 span{color:#fff;margin-left:4px}body .Main .MySkills .bottom img{margin-top:-30px;margin-left:38px}body .Main .MySelf{width:100%;height:1950px;background-image:url(/assets/MySelf-36251e6a.svg);background-position:center;background-repeat:no-repeat;background-size:cover}body .Main .MySelf header{text-align:center;color:#fff;display:grid;justify-content:center;width:100%}body .Main .MySelf header img{justify-self:center;width:35px;margin-bottom:3px}body .Main .MySelf header .imgB{display:none}body .Main .MySelf header h1{text-transform:uppercase;font-weight:800;font-size:26px}body .Main .MySelf header h3{font-weight:100;opacity:.9;font-size:15px;position:relative}body .Main .MySelf header h3:before{content:"";position:absolute;width:213px;border-bottom:1.6px solid white;left:-25px;bottom:-14px}body .Main .MySelf header h3:after{content:"";position:absolute;width:213px;border-bottom:1.6px solid white;right:-25px;bottom:-14px}body .Main .MySelf header .circle{width:14px;height:14px;background-color:#fff;border-radius:50%;justify-self:center;margin-top:5px}body .Main .MySelf .one{display:flex;justify-content:center;align-items:center;color:#fff}body .Main .MySelf .one .left h1{font-family:Lobster,cursive;text-align:center;border-bottom:1.5px solid white;width:350px;font-size:33px;letter-spacing:2px;padding:10px}body .Main .MySelf .one .left p{width:350px;text-align:left;font-size:18px;line-height:1.7;padding:23px 0;margin-bottom:20px}body .Main .MySelf .one .left a{text-decoration:none;background:white;color:#b002fa;font-family:Lobster,cursive;padding:3px 15px;cursor:pointer;border-radius:5px;font-size:21px;letter-spacing:1px;transition:.8s}body .Main .MySelf .one .left a:hover{background:black;color:#fff;transition:.5s}body .Main .MySelf .one .left a:active{color:#b002fa}body .Main .MySelf .one .chess{margin-top:200px}body .Main .MySelf .one .chess img{width:100px;position:relative}body .Main .MySelf .one .chess img:nth-child(1){left:177px;top:148px;transform:rotate(-14deg)}body .Main .MySelf .one .chess img:nth-child(2){left:114px;top:84px;transform:rotate(-8deg)}body .Main .MySelf .one .chess img:nth-child(3){left:55px;top:28px;transform:rotate(-3deg)}body .Main .MySelf .one .chess img:nth-child(4){left:0;top:-25px}body .Main .MySelf .one .chess img:nth-child(5){display:none}body .Main .MySelf .one .chess img:nth-child(6){display:none}body .Main .MySelf .one .chess img:nth-child(7){display:none}body .Main .MySelf .one .chess img:nth-child(8){display:none}body .Main .MySelf .one .right img{width:310px;margin-top:30px}body .Main .MySelf .two{display:flex;justify-content:center;align-items:center;height:650px;margin-right:50px}body .Main .MySelf .two .left img{width:300px}body .Main .MySelf .two .chess{margin-top:200px}body .Main .MySelf .two .chess img{width:100px;position:relative}body .Main .MySelf .two .chess img:nth-child(1){left:-106px;top:183px;transform:rotate(188deg)}body .Main .MySelf .two .chess img:nth-child(2){left:-148px;top:133px;transform:rotate(-173deg)}body .Main .MySelf .two .chess img:nth-child(3){left:-195px;top:84px;transform:rotate(-175deg)}body .Main .MySelf .two .chess img:nth-child(4){left:-242px;top:32px;transform:rotate(-178deg)}body .Main .MySelf .two .right{color:#b002fa}body .Main .MySelf .two .right h1{font-family:Lobster,cursive;text-align:center;border-bottom:1.5px solid #B002FA;width:350px;font-size:33px;letter-spacing:2px;padding:10px}body .Main .MySelf .two .right p{width:350px;text-align:left;font-size:18px;line-height:1.7;padding:20px 0;margin-bottom:20px}body .Main .MySelf .two .right p span{color:#000;font-weight:700}body .Main .MySelf .two .right a{text-decoration:none;background:none;color:#b002fa;font-family:Lobster,cursive;padding:3px 15px;cursor:pointer;border-radius:5px;font-size:21px;letter-spacing:1px;transition:.8s;border:1.5px solid #B002FA}body .Main .MySelf .two .right a:hover{background:#B002FA;color:#fff;transition:.5s;border:none}body .Main .MySelf .two .right a:active{color:#000}body .Main .MySelf .three{display:flex;justify-content:center;align-items:center;color:#b002fa;height:650px;margin:0 50px}body .Main .MySelf .three .left{margin-left:30px}body .Main .MySelf .three .left h1{font-family:Lobster,cursive;text-align:center;border-bottom:1.5px solid #B002FA;width:350px;font-size:33px;letter-spacing:2px;padding:10px}body .Main .MySelf .three .left p{width:350px;text-align:left;font-size:18px;line-height:1.7;padding:23px 0;margin-bottom:20px}body .Main .MySelf .three .left a{text-decoration:none;color:#b002fa;font-family:Lobster,cursive;padding:3px 15px;cursor:pointer;border-radius:5px;font-size:21px;letter-spacing:1px;transition:.8s;border:1.5px solid #B002FA}body .Main .MySelf .three .left a:hover{background:#B002FA;color:#fff;transition:.5s;border:none}body .Main .MySelf .three .left a:active{color:#000}body .Main .MySelf .three .chess{margin-top:0}body .Main .MySelf .three .chess img{width:100px;position:relative}body .Main .MySelf .three .chess img:nth-child(1){left:180px;top:-38px;transform:rotate(23deg)}body .Main .MySelf .three .chess img:nth-child(2){left:142px;top:-69px;transform:rotate(18deg)}body .Main .MySelf .three .chess img:nth-child(3){left:100px;top:-106px;transform:rotate(13deg)}body .Main .MySelf .three .chess img:nth-child(4){left:113px;top:-112px;transform:rotate(23deg)}body .Main .MySelf .three .right{margin-top:110px}body .Main .MySelf .three .right img{width:400px;margin-top:80px}body .Main .Contact{width:100%;height:650px;background-image:url(/assets/Contact-4cec68b4.svg);background-position:center;background-repeat:no-repeat;background-size:cover}body .Main .Contact header{text-align:center;color:#b002fa;display:grid;justify-content:center;width:100%}body .Main .Contact header img{justify-self:center;width:35px;margin-bottom:3px}body .Main .Contact header .imgB{display:none}body .Main .Contact header h1{text-transform:uppercase;font-weight:800;font-size:26px}body .Main .Contact header h3{font-weight:100;opacity:.9;font-size:15px;position:relative}body .Main .Contact header h3:before{content:"";position:absolute;width:140px;border-bottom:1.6px solid #B002FA;left:-25px;bottom:-14px}body .Main .Contact header h3:after{content:"";position:absolute;width:140px;border-bottom:1.6px solid #B002FA;right:-25px;bottom:-14px}body .Main .Contact header .circle{width:14px;height:14px;background-color:#b002fa;border-radius:50%;justify-self:center;margin-top:5px}body .Main .Contact .container{display:flex;width:100%;height:80%;justify-content:center;align-items:center}body .Main .Contact .container .left{color:#b002fa}body .Main .Contact .container .left .email{display:flex;margin:110px 20px}body .Main .Contact .container .left .email i{background:#B002FA;width:42px;height:42px;border-radius:50%;display:grid;align-items:center;justify-content:center}body .Main .Contact .container .left .email i .icon{color:#fff;font-size:22px}body .Main .Contact .container .left .email i:hover .icon{color:#000;transition:.5s}body .Main .Contact .container .left .email .text{margin:0 10px}body .Main .Contact .container .left .email .text h2{font-family:Lobster,cursive;letter-spacing:1px}body .Main .Contact .container .left .email .text h2:first-letter{color:#000}body .Main .Contact .container .left .email .text h3{font-weight:200}body .Main .Contact .container .center{color:#b002fa;margin:0 40px}body .Main .Contact .container .center form{display:flex;flex-direction:column}body .Main .Contact .container .center form input{padding:10px;color:#b002fa;border:1.5px solid #B002FA;border-radius:10px;margin-bottom:20px;margin-top:4px}body .Main .Contact .container .center form input:focus{background:none;color:#b002fa}body .Main .Contact .container .center form textarea{padding:10px;color:#b002fa;border:1.5px solid #B002FA;border-radius:10px;margin-top:4px;margin-bottom:20px}body .Main .Contact .container .center form button{color:#fff;background:#B002FA;font-family:Lobster,cursive;padding:5px 13px;font-size:20px;cursor:pointer;border-radius:5px;border:none;width:100px;transition:.6s}body .Main .Contact .container .center form button:hover{background:black;transition:.5s}body .Main .Contact .container .center form button:active{color:#b002fa}body .Main .Contact .container .right{margin-left:40px}body .Main .Contact .container .right img{width:490px}body .Main .Contact .container .right .img2,body .Main .Contact .container .right .img3{display:none}body .Main .swiper{width:100%;background-image:url(/assets/slider-a0e78efc.svg);height:228px;background-repeat:no-repeat;background-size:cover;border-bottom:2px dotted white}body .Main .swiper .mySwiper{display:flex;justify-content:center;align-items:center;width:100%}body .Main .swiper .mySwiper .slide{display:grid;justify-content:center;align-items:center;margin-top:30px}body .Main .swiper .mySwiper .slide img{width:200px;cursor:pointer}body .Main .swiper .mySwiper .slide:nth-child(1) img{width:180px}body .Main .swiper .mySwiper .slide:nth-child(4) img{width:350px;margin-bottom:15px}body .Main .swiper .mySwiper .swiper-pagination-bullet{background:black;cursor:pointer;padding:6px;margin:5px}@media (min-width: 1600px){body .Main .Home{background-image:url(/assets/Home-d8e34086.svg);background-position:center;background-repeat:no-repeat;background-size:cover;width:100%}body .Main .Home .left{margin-top:145px;margin-left:100px}body .Main .Home .left h3{font-size:40px}body .Main .Home .left h1{font-size:63px;letter-spacing:3px}body .Main .Home .left h1 span:nth-child(1){font-size:64px}body .Main .Home .left h1 span:nth-child(2){font-size:80px}body .Main .Home .left h1 span:nth-child(3){font-size:80px}body .Main .Home .left p{font-size:30px;width:550px;margin-bottom:45px}body .Main .Home .left button{padding:9px 20px;margin:0 20px;font-size:30px}body .Main .Home .left .images .night{width:200px;top:27px;left:163px;transform:rotate(-6deg)}body .Main .Home .left .images .queen{width:200px;top:84px;left:90px;transform:rotate(-2deg)}body .Main .Home .right img{width:340px;margin:240px 150px 0}body .Main .Home .right .links{margin-right:-80px}body .Main .Home .right .links a{font-size:33px;padding:10px 13px;margin:25px 0}body .Main .Home .right .links a:nth-child(3){padding:10px}body .Main .Home .right .links h3{font-size:39px;border-bottom:3px solid black}body .Main .MySkills{background-image:url(/assets/MySkills-59f1949a.svg);height:1500px;background-position:bottom;background-repeat:no-repeat;background-size:cover;width:100%}body .Main .MySkills header img{width:60px}body .Main .MySkills header h1{font-size:36px}body .Main .MySkills header h3{font-size:22px}body .Main .MySkills header h3:before,body .Main .MySkills header h3:after{width:200px;bottom:-17px}body .Main .MySkills header .circle{width:20px;height:20px}body .Main .MySkills .bottom h2{font-size:30px;color:#000}body .Main .MySkills .bottom img{margin-top:0;width:200px}body .Main .MySkills .container .left{margin-top:495px;margin-left:80px}body .Main .MySkills .container .left a{padding:11px 19px;font-size:27px;margin-left:30px}body .Main .MySkills .container .left p{width:450px;font-size:30px;margin-top:270px}body .Main .MySkills .container .right{margin-top:45px;margin-left:400px}body .Main .MySkills .container .right p{font-size:28px;width:460px;margin-bottom:650px}body .Main .MySkills .container .right a{padding:11px 19px;font-size:27px;margin-left:80px}body .Main .MySkills .container .center li:nth-child(1){transform:translate(100px,-10px)}body .Main .MySkills .container .center li:nth-child(1) h2{width:100px;height:100px;background:white}body .Main .MySkills .container .center li:nth-child(1) h2 img{width:70px}body .Main .MySkills .container .center li:nth-child(1) h3{font-size:26px;color:#fff}body .Main .MySkills .container .center li:nth-child(2){transform:translate(-40px,10px)}body .Main .MySkills .container .center li:nth-child(2) h2{width:100px;height:100px;background:#B002FA}body .Main .MySkills .container .center li:nth-child(2) h2 img{width:70px}body .Main .MySkills .container .center li:nth-child(2) h3{font-size:26px;color:#b002fa}body .Main .MySkills .container .center li:nth-child(3){transform:translate(270px,-33px)}body .Main .MySkills .container .center li:nth-child(3) h2{width:100px;height:100px;background:white}body .Main .MySkills .container .center li:nth-child(3) h2 img{width:70px}body .Main .MySkills .container .center li:nth-child(3) h3{font-size:26px;margin-left:7px;color:#fff}body .Main .MySkills .container .center li:nth-child(4){transform:translate(70px,-50px)}body .Main .MySkills .container .center li:nth-child(4) h2{width:100px;height:100px;background:#B002FA}body .Main .MySkills .container .center li:nth-child(4) h2 img{width:70px}body .Main .MySkills .container .center li:nth-child(4) h3{font-size:26px;width:-moz-fit-content;width:fit-content;color:#b002fa}body .Main .MySkills .container .center li:nth-child(5){transform:translate(360px,-65px)}body .Main .MySkills .container .center li:nth-child(5) h2{width:100px;height:100px;background:white}body .Main .MySkills .container .center li:nth-child(5) h2 img{width:70px}body .Main .MySkills .container .center li:nth-child(5) h3{font-size:26px;color:#fff}body .Main .MySelf{background-image:url(/assets/MySelf-b5bd027c.svg);height:2545px;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%}body .Main .MySelf header img{width:55px}body .Main .MySelf header h1{font-size:36px}body .Main .MySelf header h3{font-size:22px}body .Main .MySelf header h3:before,body .Main .MySelf header h3:after{width:300px;bottom:-17px}body .Main .MySelf header .circle{width:20px;height:20px}body .Main .MySelf .one .left h1{width:450px;font-size:40px}body .Main .MySelf .one .left p{width:450px;font-size:22px}body .Main .MySelf .one .left a{padding:6px 19px;font-size:26px}body .Main .MySelf .one .right img{width:380px}body .Main .MySelf .one .chess img{width:125px}body .Main .MySelf .one .chess img:nth-child(1){left:219px;top:180px;transform:rotate(-13deg)}body .Main .MySelf .one .chess img:nth-child(2){left:138px;top:107px;transform:rotate(-8deg)}body .Main .MySelf .one .chess img:nth-child(3){left:62px;top:35px;transform:rotate(-4deg)}body .Main .MySelf .one .chess img:nth-child(4){left:-9px;top:-32px}body .Main .MySelf .two{align-items:flex-end}body .Main .MySelf .two .right h1{width:480px;font-size:45px}body .Main .MySelf .two .right p{width:480px;font-size:25px}body .Main .MySelf .two .right a{padding:6px 19px;font-size:28px}body .Main .MySelf .two .left img{width:380px}body .Main .MySelf .two .chess img{width:125px}body .Main .MySelf .two .chess img:nth-child(1){left:-116px;top:183px;transform:rotate(188deg)}body .Main .MySelf .two .chess img:nth-child(2){left:-172px;top:123px;transform:rotate(-174deg)}body .Main .MySelf .two .chess img:nth-child(3){left:-235px;top:64px;transform:rotate(-175deg)}body .Main .MySelf .two .chess img:nth-child(4){left:-296px;top:2px;transform:rotate(-178deg)}body .Main .MySelf .three{align-items:flex-end;height:849px;margin-top:40px}body .Main .MySelf .three .left{margin-left:80px}body .Main .MySelf .three .left h1{width:500px;font-size:45px}body .Main .MySelf .three .left p{width:500px;font-size:26px}body .Main .MySelf .three .left a{padding:6px 19px;font-size:28px}body .Main .MySelf .three .right{margin-left:80px}body .Main .MySelf .three .right img{width:500px}body .Main .MySelf .three .chess{margin-top:0}body .Main .MySelf .three .chess img{width:125px;position:relative}body .Main .MySelf .three .chess img:nth-child(1){left:185px;top:18px;transform:rotate(23deg)}body .Main .MySelf .three .chess img:nth-child(2){left:142px;top:-20px;transform:rotate(18deg)}body .Main .MySelf .three .chess img:nth-child(3){left:100px;top:-68px;transform:rotate(14deg)}body .Main .MySelf .three .chess img:nth-child(4){left:101px;top:-83px;transform:rotate(31deg)}body .Main .Contact{background-image:url(/assets/Contact-afab5a71.svg);height:100vh;background-position:center;background-repeat:no-repeat;background-size:cover}body .Main .Contact header img{width:55px}body .Main .Contact header h1{font-size:36px}body .Main .Contact header h3{font-size:22px}body .Main .Contact header h3:before,body .Main .Contact header h3:after{width:190px;bottom:-17px}body .Main .Contact header .circle{width:20px;height:20px}body .Main .Contact .container .left .email{margin:110px 20px}body .Main .Contact .container .left .email i{width:55px;height:55px}body .Main .Contact .container .left .email i .icon{font-size:30px}body .Main .Contact .container .left .email .text{margin:0 10px}body .Main .Contact .container .left .email .text h2{letter-spacing:2px;font-size:33px}body .Main .Contact .container .left .email .text h2:first-letter{color:#000}body .Main .Contact .container .left .email .text h3{font-weight:200;font-size:25px}body .Main .Contact .container .center form label{font-size:21px}body .Main .Contact .container .center form input{width:300px;padding:12px;border:2px solid #B002FA;margin-bottom:30px}body .Main .Contact .container .center form textarea{width:300px;padding:15px;border:2px solid #B002FA;margin-bottom:30px}body .Main .Contact .container .center form button{padding:8px 19px;font-size:22px;width:120px}body .Main .Contact .container .right img{width:570px}body .Main .swiper{background-image:url(/assets/slider-8a6b1978.svg);background-position:center;background-repeat:no-repeat;background-size:cover}body .Main .swiper .mySwiper .slide{margin-top:33px}body .Main .swiper .mySwiper .slide img{width:250px;cursor:pointer}body .Main .swiper .mySwiper .slide:nth-child(1) img{width:200px}body .Main .swiper .mySwiper .slide:nth-child(4) img{width:400px;margin-bottom:15px}body .Main .swiper .mySwiper .swiper-pagination-bullet{padding:8px;margin:7px}}@media (min-width: 1070px) and (max-width: 1599.9px){body .Main .Home{background-image:url(/assets/Home-d8e34086.svg)}body .Main .Home .left{margin-top:145px;margin-left:0}body .Main .Home .left h3{font-size:30px}body .Main .Home .left h1{font-size:50px;letter-spacing:2px}body .Main .Home .left h1 span:nth-child(1){font-size:54px}body .Main .Home .left h1 span:nth-child(2){font-size:60px}body .Main .Home .left h1 span:nth-child(3){font-size:60px}body .Main .Home .left p{font-size:26px;width:400px;margin-bottom:45px}body .Main .Home .left button{padding:9px 20px;margin:0 20px;font-size:27px}body .Main .Home .left .images .night{width:170px;top:75px;left:120px;transform:rotate(-6deg)}body .Main .Home .left .images .queen{width:170px;top:120px;left:50px;transform:rotate(-2deg)}body .Main .Home .right img{width:300px;margin:240px 30px 0;bottom:-40px}body .Main .Home .right .links{margin-right:-80px}body .Main .Home .right .links a{font-size:33px;padding:10px 13px;margin:25px 0}body .Main .Home .right .links a:nth-child(3){padding:10px}body .Main .Home .right .links h3{font-size:27px;border-bottom:3px solid black}body .Main .MySkills{background-position:center}body .Main .MySkills .container .left p{width:305px;font-size:21px}body .Main .MySkills .container .left a{position:relative;top:30px}body .Main .MySkills .container .right p{width:305px;font-size:21px}body .Main .MySkills .container .right a{position:relative;top:30px}body .Main .MySkills .bottom h2{font-size:22px;margin-left:20px}body .Main .MySkills .bottom h2 span{margin-left:30px}body .Main .MySkills .bottom img{margin-top:0;margin-left:20px}body .Main .MySelf .one .left{position:relative;left:70px}body .Main .MySelf .two .chess img{width:92px}body .Main .MySelf .three{margin:0 30px}body .Main .MySelf .three .right{margin-top:-20px}body .Main .MySelf .three .right img{margin-top:-50px}body .Main .MySelf .three .chess{opacity:0}body .Main .MySelf .three .chess img{width:75px}body .Main .Contact .container .right img{width:410px;margin-left:0}body .Main .Contact .container .center{margin:0}}@media (min-width: 850px) and (max-width: 1069.9px){body .Main .Home{background-image:url(/assets/Home-d8e34086.svg)}body .Main .Home .left{margin-top:145px;margin-left:0}body .Main .Home .left h3{font-size:23px}body .Main .Home .left h1{font-size:40px;letter-spacing:2px}body .Main .Home .left h1 span:nth-child(1){font-size:54px}body .Main .Home .left h1 span:nth-child(2){font-size:45px}body .Main .Home .left h1 span:nth-child(3){font-size:45px}body .Main .Home .left p{font-size:23px;width:340px;margin-bottom:35px}body .Main .Home .left button{padding:9px 20px;margin:0 20px;font-size:23px}body .Main .Home .left .images .night{width:130px;top:90px;left:30px;transform:rotate(-6deg)}body .Main .Home .left .images .queen{width:130px;top:125px;left:-20px;transform:rotate(-2deg)}body .Main .Home .right img{width:260px;margin:240px 10px 0;bottom:-40px}body .Main .Home .right .links{margin-right:-40px;width:-moz-fit-content;width:fit-content}body .Main .Home .right .links a{font-size:28px;padding:10px 13px;margin:25px 0}body .Main .Home .right .links a:nth-child(3){padding:10px}body .Main .Home .right .links h3{font-size:24px;border-bottom:3px solid black}body .Main .MySkills{background-position:center}body .Main .MySkills .container .left{margin-left:60px}body .Main .MySkills .container .left p{width:260px;font-size:18px}body .Main .MySkills .container .left a{top:30px;position:relative;right:60px}body .Main .MySkills .container .right{margin-left:190px}body .Main .MySkills .container .right p{width:260px;font-size:18px}body .Main .MySkills .container .right a{position:relative;top:30px}body .Main .MySkills .bottom h2{font-size:18px;margin-left:24px}body .Main .MySkills .bottom h2 span{margin-left:20px}body .Main .MySkills .bottom img{margin-top:10px;width:120px;-o-object-fit:cover;object-fit:cover;margin-left:10px}body .Main .MySelf .one .right img{width:300px;margin-right:10px}body .Main .MySelf .one .left{position:relative;left:50px}body .Main .MySelf .one .chess{margin-top:200px;width:200px;min-width:200px;max-width:200px}body .Main .MySelf .one .chess img{width:100px;position:relative}body .Main .MySelf .one .chess img:nth-child(1){left:140px;top:115px;transform:rotate(-3deg)}body .Main .MySelf .one .chess img:nth-child(2){left:80px;top:62px;transform:rotate(-4deg)}body .Main .MySelf .one .chess img:nth-child(3){left:101px;top:66px;transform:rotate(-9deg)}body .Main .MySelf .one .chess img:nth-child(4){left:-32px;top:127px;transform:rotate(-17deg)}body .Main .MySelf .one .chess img:nth-child(5){display:none}body .Main .MySelf .one .chess img:nth-child(6){display:none}body .Main .MySelf .one .chess img:nth-child(7){display:none}body .Main .MySelf .one .chess img:nth-child(8){display:none}body .Main .MySelf .two{margin-right:0}body .Main .MySelf .two .left img{width:275px}body .Main .MySelf .two .chess{min-width:170px;width:170px;max-width:170px}body .Main .MySelf .two .chess img:nth-child(1){left:-60px;top:200px;transform:rotate(183deg)}body .Main .MySelf .two .chess img:nth-child(2){left:-110px;top:147px;transform:rotate(-176deg)}body .Main .MySelf .two .chess img:nth-child(3){left:-165px;top:94px;transform:rotate(-175deg)}body .Main .MySelf .two .chess img:nth-child(4){left:-225px;top:40px;transform:rotate(-171deg)}body .Main .MySelf .three{margin:0}body .Main .MySelf .three .left{margin-bottom:100px}body .Main .MySelf .three .left h1{font-size:30px}body .Main .MySelf .three .left p{font-size:17px}body .Main .MySelf .three .right{margin-top:-20px}body .Main .MySelf .three .right img{margin-top:-50px}body .Main .MySelf .three .chess{opacity:0}body .Main .MySelf .three .chess img{width:75px}body .Main .Contact header img{width:35px}body .Main .Contact header h1{font-size:30px}body .Main .Contact header h3{font-size:19px}body .Main .Contact header h3:before,body .Main .Contact header h3:after{width:150px;bottom:-17px}body .Main .Contact header .circle{width:18px;height:18px}body .Main .Contact .container .left .email{margin:110px 10px}body .Main .Contact .container .left .email i{width:35px;height:35px}body .Main .Contact .container .left .email i .icon{font-size:20px}body .Main .Contact .container .left .email .text{margin:0 10px}body .Main .Contact .container .left .email .text h2{letter-spacing:2px;font-size:21px}body .Main .Contact .container .left .email .text h2:first-letter{color:#000}body .Main .Contact .container .left .email .text h3{font-weight:200;font-size:17px}body .Main .Contact .container .center{margin:0}body .Main .Contact .container .center form label{font-size:18px}body .Main .Contact .container .center form input{width:210px;padding:8px;border:2px solid #B002FA;margin-bottom:30px}body .Main .Contact .container .center form textarea{width:210px;padding:10px;border:2px solid #B002FA;margin-bottom:30px}body .Main .Contact .container .center form button{padding:7px 16px;font-size:17px;width:120px}body .Main .Contact .container .right{margin-left:30px}body .Main .Contact .container .right img{width:350px}}@media (min-width: 510px) and (max-width: 849.9px){body .Main .Home{display:flex;flex-direction:column;align-items:center;background-position:left;height:110vh}body .Main .Home .left,body .Main .Home .right img{margin:0}body .Main .Home .left{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:150px;gap:5px}body .Main .Home .left button{background:white;color:#b002fa}body .Main .Home .left p{margin-bottom:15px}body .Main .Home .left .images{display:none}body .Main .Home .right img{left:60px;bottom:-50px;z-index:0}body .Main .Home .right .links{margin:0;position:relative;left:60px;top:-100px}body .Main .Home .right .links a{font-size:31px;padding:0;width:53px;display:grid;margin:25px 0;justify-content:center;align-items:center;height:53px}body .Main .Home .right .links h3{margin-top:-50px}body .Main .Home .right .links h3:first-letter{color:#fff}body .Main .MySkills{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;background-image:none;background:#B002FA}body .Main .MySkills header{border-top:2px solid white}body .Main .MySkills .container{display:flex;flex-direction:column;align-items:center}body .Main .MySkills .container .left,body .Main .MySkills .container .center,body .Main .MySkills .container .right{margin:0}body .Main .MySkills .container .left{display:flex;flex-direction:column-reverse;align-items:center;gap:30px;text-align:center;margin-top:35px}body .Main .MySkills .container .left p{color:#fff;text-align:center;margin:0;width:87%;font-size:22px}body .Main .MySkills .container .left a{background:white;color:#b002fa}body .Main .MySkills .container .center li:nth-child(1){transform:translate(10px,40px)}body .Main .MySkills .container .center li:nth-child(1) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(1) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(1) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-13px}body .Main .MySkills .container .center li:nth-child(2){transform:translate(10px,110px)}body .Main .MySkills .container .center li:nth-child(2) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(2) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(2) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(2) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-12px}body .Main .MySkills .container .center li:nth-child(3){transform:translate(-140px,42px)}body .Main .MySkills .container .center li:nth-child(3) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(3) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(3) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body .Main .MySkills .container .center li:nth-child(4){transform:translate(7px,80px)}body .Main .MySkills .container .center li:nth-child(4) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(4) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(4) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(4) h3{font-family:Lobster,cursive;color:#fff;text-align:left;width:-moz-fit-content;width:fit-content;margin-left:-20px}body .Main .MySkills .container .center li:nth-child(5){transform:translate(160px,-145px)}body .Main .MySkills .container .center li:nth-child(5) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(5) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(5) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body .Main .MySkills .container .right{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:30px}body .Main .MySkills .container .right p{margin-bottom:0;width:87%;font-size:22px}body .Main .MySkills .container .right a{margin:0}body .Main .MySkills .bottom{display:none}body .Main .MySelf{padding:50px 0;height:-moz-fit-content;height:fit-content;background-position:center}body .Main .MySelf header{border-top:2px solid white}body .Main .MySelf .one{display:flex;flex-direction:column;align-items:center;margin:20px 0;text-align:center;height:-moz-fit-content;height:fit-content}body .Main .MySelf .one .left{display:flex;flex-direction:column;align-items:center}body .Main .MySelf .one .left p{text-align:center;width:87%;margin-bottom:10px;font-size:20px}body .Main .MySelf .one .chess{display:none}body .Main .MySelf .one .right img{width:350px}body .Main .MySelf .two{display:flex;flex-direction:column-reverse;align-items:center;height:-moz-fit-content;height:fit-content;width:100%}body .Main .MySelf .two .right{width:100%;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}body .Main .MySelf .two .right p{text-align:center;width:87%;margin-bottom:10px;font-size:20px;text-shadow:2px 2px 4px white,-2px -2px 4px white,2px -2px 4px white,-2px 2px 4px white}body .Main .MySelf .two .right h1{text-shadow:2px 2px 4px white,-2px -2px 4px white,2px -2px 4px white,-2px 2px 4px white}body .Main .MySelf .two .chess{display:none}body .Main .MySelf .two .left img{width:320px;margin:40px 0}body .Main .MySelf .three{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;margin:0}body .Main .MySelf .three .chess{display:none}body .Main .MySelf .three .left{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;margin:10px 0}body .Main .MySelf .three .left p{text-align:center;width:87%;margin-bottom:10px;font-size:20px}body .Main .MySelf .three .left a{background:white}body .Main .MySelf .three .right{margin:0;display:none}body .Main .Contact{height:-moz-fit-content;height:fit-content;width:100%}body .Main .Contact .container{display:flex;flex-direction:column;align-items:center;width:inherit}body .Main .Contact .container .left{display:grid;grid-template-columns:repeat(2,auto);text-align:center;justify-content:center;margin:40px 0;row-gap:30px;-moz-column-gap:10px;column-gap:10px}body .Main .Contact .container .left .email{margin:0;display:flex;flex-direction:column;align-items:center}body .Main .Contact .container .left #last{grid-column:1/3}body .Main .Contact .container .center{text-align:center;width:inherit}body .Main .Contact .container .center form{width:inherit;display:flex;flex-direction:column;align-items:center}body .Main .Contact .container .center form input,body .Main .Contact .container .center form textarea{width:80%}body .Main .Contact .container .center form button{width:50%}body .Main .Contact .container .right{margin:40px 0 40px 40px}body .Main .Contact .container .right img{width:430px}}@media (max-width: 509.9px){body .Main .Home{display:flex;flex-direction:column;align-items:center;background-position:left;height:-moz-fit-content;height:fit-content}body .Main .Home .left,body .Main .Home .right img{margin:0}body .Main .Home .left{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:120px;gap:5px}body .Main .Home .left h1{font-size:40px}body .Main .Home .left h3{font-size:22px}body .Main .Home .left button{background:white;color:#b002fa}body .Main .Home .left p{margin-bottom:15px}body .Main .Home .left .images{display:none}body .Main .Home .right{margin:0}body .Main .Home .right img{left:60px;width:240px;bottom:-80px;z-index:0}body .Main .Home .right .links{margin:0;position:relative;left:20px;top:-80px}body .Main .Home .right .links a{font-size:28px;padding:0;width:50px;display:grid;margin:25px 0;justify-content:center;align-items:center;height:50px}body .Main .Home .right .links a .icon{top:0}body .Main .Home .right .links h3{margin-top:-50px}body .Main .Home .right .links h3:first-letter{color:#fff}body .Main .MySkills{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;background-image:none;background:#B002FA}body .Main .MySkills header{border-top:2px solid white}body .Main .MySkills .container{display:flex;flex-direction:column;align-items:center}body .Main .MySkills .container .left,body .Main .MySkills .container .center,body .Main .MySkills .container .right{margin:0}body .Main .MySkills .container .left{display:flex;flex-direction:column-reverse;align-items:center;gap:30px;text-align:center;margin-top:35px}body .Main .MySkills .container .left p{color:#fff;text-align:center;margin:0;width:87%;font-size:22px}body .Main .MySkills .container .left a{background:white;color:#b002fa}body .Main .MySkills .container .center li{width:-moz-fit-content;width:fit-content}body .Main .MySkills .container .center li:nth-child(1){transform:translate(10px,40px)}body .Main .MySkills .container .center li:nth-child(1) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(1) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(1) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-13px}body .Main .MySkills .container .center li:nth-child(2){transform:translate(10px,110px)}body .Main .MySkills .container .center li:nth-child(2) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(2) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(2) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(2) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-12px}body .Main .MySkills .container .center li:nth-child(3){transform:translate(-140px,42px)}body .Main .MySkills .container .center li:nth-child(3) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(3) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(3) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body .Main .MySkills .container .center li:nth-child(4){transform:translate(7px,80px)}body .Main .MySkills .container .center li:nth-child(4) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(4) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(4) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(4) h3{font-family:Lobster,cursive;color:#fff;text-align:left;width:-moz-fit-content;width:fit-content;margin-left:-20px}body .Main .MySkills .container .center li:nth-child(5){transform:translate(160px,-145px)}body .Main .MySkills .container .center li:nth-child(5) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black;transition:.5s}body .Main .MySkills .container .center li:nth-child(5) h2:hover~h3{color:#000}body .Main .MySkills .container .center li:nth-child(5) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body .Main .MySkills .container .right{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:30px}body .Main .MySkills .container .right p{margin-bottom:0;width:87%;font-size:22px}body .Main .MySkills .container .right a{margin:0}body .Main .MySkills .bottom{display:none}body .Main .MySelf{padding:50px 0;height:-moz-fit-content;height:fit-content;background-position:center}body .Main .MySelf header{border-top:2px solid white;display:flex;flex-direction:column;align-items:center}body .Main .MySelf header h3{width:90%;text-align:center;font-size:16px}body .Main .MySelf header h3:before{width:170px;left:0}body .Main .MySelf header h3:after{width:170px;right:0}body .Main .MySelf .one{display:flex;flex-direction:column;align-items:center;margin:20px 0;text-align:center;height:-moz-fit-content;height:fit-content}body .Main .MySelf .one .left{display:flex;flex-direction:column;align-items:center}body .Main .MySelf .one .left p{text-align:center;width:87%;margin-bottom:10px;font-size:20px}body .Main .MySelf .one .chess{display:none}body .Main .MySelf .one .right img{width:350px}body .Main .MySelf .two{display:flex;flex-direction:column-reverse;align-items:center;height:-moz-fit-content;height:fit-content;width:100%}body .Main .MySelf .two .right{width:100%;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}body .Main .MySelf .two .right p{text-align:center;width:87%;margin-bottom:10px;font-size:20px;text-shadow:2px 2px 4px white,-2px -2px 4px white,2px -2px 4px white,-2px 2px 4px white}body .Main .MySelf .two .right h1{text-shadow:2px 2px 4px white,-2px -2px 4px white,2px -2px 4px white,-2px 2px 4px white}body .Main .MySelf .two .chess{display:none}body .Main .MySelf .two .left img{width:320px;margin:40px 0}body .Main .MySelf .three{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;margin:0}body .Main .MySelf .three .chess{display:none}body .Main .MySelf .three .left{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;margin:10px 0}body .Main .MySelf .three .left p{text-align:center;width:87%;margin-bottom:10px;font-size:20px}body .Main .MySelf .three .left a{background:white}body .Main .MySelf .three .right{margin:0;display:none}body .Main .Contact{height:-moz-fit-content;height:fit-content;width:100%}body .Main .Contact .container{display:flex;flex-direction:column;align-items:center;width:inherit}body .Main .Contact .container .left{display:grid;grid-template-columns:repeat(2,auto);text-align:center;justify-content:center;margin:40px 0;row-gap:30px;-moz-column-gap:10px;column-gap:10px}body .Main .Contact .container .left .email{margin:0;display:flex;flex-direction:column;align-items:center}body .Main .Contact .container .left #last{grid-column:1/3}body .Main .Contact .container .center{text-align:center;width:inherit}body .Main .Contact .container .center form{width:inherit;display:flex;flex-direction:column;align-items:center}body .Main .Contact .container .center form input,body .Main .Contact .container .center form textarea{width:80%}body .Main .Contact .container .center form button{width:50%}body .Main .Contact .container .right{margin:40px 0 40px 40px}body .Main .Contact .container .right img{width:360px}}body .FrontEnd .Navbar .logo{margin:0 20px}body .FrontEnd .Navbar .navigation li:first-letter{color:#fff}body .FrontEnd .Navbar .navigation li a:hover,body .FrontEnd .Navbar .x:hover,body .FrontEnd #close .phone{color:#fff}body .FrontEnd #open{margin:0;background:#B002FA}body .FrontEnd #open .navigation{margin:0}body .FrontEnd #open .phone{color:#fff}body .FrontEnd .one{background-image:url(/assets/FrontEnd\ home-ad2a28e7.svg);width:100%;height:100vh;display:flex;justify-content:space-evenly;align-items:center;transition:1s;background-position:center;background-repeat:no-repeat;background-size:cover}body .FrontEnd .one .left{color:#fff;text-align:center;margin-left:-15px;margin-top:30px;transition:1s}body .FrontEnd .one .left h1{font-weight:800;font-size:45px;letter-spacing:2px;transition:1s}body .FrontEnd .one .left h2{font-weight:700;font-size:24px;border-bottom:1.6px solid white;padding-bottom:12px}body .FrontEnd .one .left p{width:300px;line-height:1.6;text-align:left;padding:10px 0;margin-bottom:14px}body .FrontEnd .one .left a{color:#b002fa;background:white;padding:6px 18px;font-size:19px;border:none;cursor:pointer;transition:.7s;text-decoration:none}body .FrontEnd .one .left a:hover{background:black;transition:.5s}body .FrontEnd .one .left a:active{color:#fff;transition:0s}body .FrontEnd .one .right{transition:1s}body .FrontEnd .one .right img{width:530px;margin-top:70px;margin-left:65px}body .FrontEnd .two{background:#B002FA;width:100%;height:100vh}body .FrontEnd .two header{text-align:center;color:#fff;display:grid;justify-content:center;width:100%}body .FrontEnd .two header img{justify-self:center;width:35px;margin-bottom:3px}body .FrontEnd .two header .imgB{display:none}body .FrontEnd .two header h1{text-transform:uppercase;font-weight:800;font-size:26px}body .FrontEnd .two header h3{font-weight:100;opacity:.9;font-size:15px;position:relative}body .FrontEnd .two header h3:before{content:"";position:absolute;width:188px;border-bottom:1.6px solid white;left:-25px;bottom:-14px}body .FrontEnd .two header h3:after{content:"";position:absolute;width:188px;border-bottom:1.6px solid white;right:-25px;bottom:-14px}body .FrontEnd .two header .circle{width:14px;height:14px;background-color:#fff;border-radius:50%;justify-self:center;margin-top:5px}body .FrontEnd .two .mySwiper{height:90vh;width:100%;display:flex;justify-content:center;align-items:center;color:#fff}body .FrontEnd .two .mySwiper .slide{display:flex;justify-content:space-evenly;height:100%;position:relative;top:40px}body .FrontEnd .two .mySwiper .slide img{width:1000px;margin-top:10px;position:absolute;z-index:0}body .FrontEnd .two .mySwiper .slide .left{margin-top:60px;text-align:center}body .FrontEnd .two .mySwiper .slide .left i{font-size:70px;position:relative;top:-30px}body .FrontEnd .two .mySwiper .slide .left img{width:60px;left:110px;position:relative;top:-40px}body .FrontEnd .two .mySwiper .slide .left h1{width:300px;border-bottom:1.5px solid white;padding:10px 0}body .FrontEnd .two .mySwiper .slide .left h1:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .left p{width:320px;padding:10px 0;line-height:1.3}body .FrontEnd .two .mySwiper .slide .left p:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .left .chart{margin-bottom:40px}body .FrontEnd .two .mySwiper .slide .left .chart h4{text-align:left;color:#000}body .FrontEnd .two .mySwiper .slide .left .chart .first{width:300px;height:13px;border-radius:10px;background:white;margin:5px 0}body .FrontEnd .two .mySwiper .slide .left .chart .first .second{width:280px;height:13px;border-radius:10px;background:black}body .FrontEnd .two .mySwiper .slide .left button{color:#b002fa;background:white;padding:7px 15px;cursor:pointer;border:none;border-radius:10px 0;font-size:20px;font-family:Lobster,cursive;position:relative;z-index:2;transition:.7s}body .FrontEnd .two .mySwiper .slide .left button:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .left button a{text-decoration:none;color:#b002fa}body .FrontEnd .two .mySwiper .slide .left button a:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .left button:hover{background:black;transition:.5s}body .FrontEnd .two .mySwiper .slide .left button:hover:first-letter{color:#b002fa;transition:.5s}body .FrontEnd .two .mySwiper .slide .right{margin-top:60px;text-align:center;display:flex;flex-direction:column;align-items:center}body .FrontEnd .two .mySwiper .slide .right img{width:60px;position:unset;margin-top:-30px;margin-bottom:55px}body .FrontEnd .two .mySwiper .slide .right i{font-size:70px;position:relative;top:-30px}body .FrontEnd .two .mySwiper .slide .right h1{width:300px;border-bottom:1.5px solid white;padding:10px 0}body .FrontEnd .two .mySwiper .slide .right h1:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .right p{width:320px;padding:10px 0;line-height:1.3}body .FrontEnd .two .mySwiper .slide .right p:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .right .chart{margin-bottom:5px}body .FrontEnd .two .mySwiper .slide .right .chart h4{text-align:left;color:#000}body .FrontEnd .two .mySwiper .slide .right .chart .first{width:300px;height:13px;border-radius:10px;background:white;margin:5px 0}body .FrontEnd .two .mySwiper .slide .right .chart .first .second{width:280px;height:13px;background:black;border-radius:10px}body .FrontEnd .two .mySwiper .slide .right button{color:#b002fa;background:white;padding:7px 25px;border:none;cursor:pointer;border-radius:10px 0;font-size:20px;font-family:Lobster,cursive;position:relative;z-index:2;transition:.7s}body .FrontEnd .two .mySwiper .slide .right button:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .right button a{text-decoration:none;color:#b002fa}body .FrontEnd .two .mySwiper .slide .right button a:first-letter{color:#000}body .FrontEnd .two .mySwiper .slide .right button:hover{background:black;transition:.5s}body .FrontEnd .two .mySwiper .slide .right button:hover:first-letter{color:#b002fa;transition:.5s}body .FrontEnd .two .mySwiper .swiper-button-prev,body .FrontEnd .two .mySwiper .swiper-button-next{color:#000}body .FrontEnd .three{background-image:url(/assets/FrontEnd\ 3-024c66cc.svg);width:100%;height:100vh;display:grid;justify-content:center;align-items:center;color:#000;background-position:center;background-repeat:no-repeat;background-size:cover}body .FrontEnd .three .top{margin-top:30px}body .FrontEnd .three .top h1{font-size:40px;font-weight:700;border-bottom:2px solid #B002FA;padding:5px 0;text-transform:uppercase;width:590px;text-align:center}body .FrontEnd .three .top h1:first-letter{color:#b002fa}body .FrontEnd .three .top p{font-size:18px;width:590px;line-height:1.5;margin-bottom:10px;padding:10px 0;text-align:center}body .FrontEnd .three .top p:first-letter{color:#b002fa;font-weight:700}body .FrontEnd .three .top p span{color:#b002fa;font-weight:700}body .FrontEnd .three .top .buttons{display:flex;justify-content:center}body .FrontEnd .three .top .buttons a{color:#fff;background-color:#b002fa;padding:7px 23px;margin:0 10px;text-decoration:none;font-size:18px;border:none;font-weight:600;cursor:pointer;transition:.7s}body .FrontEnd .three .top .buttons a:hover{background:black;transition:.5s}body .FrontEnd .three .top .buttons a:active{color:#b002fa;transition:0s}body .FrontEnd .three .top .buttons a:nth-child(1){border-radius:0 10px}body .FrontEnd .three .top .buttons a:nth-child(2){border-radius:10px 0}body .FrontEnd .three .bottom{display:flex;justify-content:center}body .FrontEnd .three .bottom .img1{position:relative;left:-280px;top:35px}body .FrontEnd .three .bottom .img2{width:420px;margin-right:60px}body .FrontEnd .three .bottom .img3,body .FrontEnd .three .bottom .img4,body .FrontEnd .three .bottom .img5{display:none}body .FrontEnd .four{background-image:url(/assets/slider\ FrontEnd-23db8958.svg);height:250px;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}body .FrontEnd .four .mySwiper{display:flex;justify-content:center;align-items:center;width:100%;padding-top:100px;padding-bottom:33px}body .FrontEnd .four .mySwiper .slide .box{display:grid;justify-content:center;align-items:center}body .FrontEnd .four .mySwiper .slide .box img{width:85px;cursor:pointer}body .FrontEnd .four .mySwiper .slide .box h3{text-align:center;font-family:Lobster,cursive;padding:5px 0;font-size:20px}body .FrontEnd .four .mySwiper .slide:nth-child(4) img{width:120px;margin-top:33px}body .FrontEnd .four .mySwiper .swiper-pagination-bullet{background:#B002FA;cursor:pointer;padding:7px}@media (min-width: 1600px){body .FrontEnd .Navbar{height:90px}body .FrontEnd .Navbar .logo{width:200px}body .FrontEnd .Navbar .navigation li{font-size:37px}body .FrontEnd .Navbar .sun{width:55px;height:55px;left:-130px}body .FrontEnd .Navbar .modes li{font-size:37px}body .FrontEnd .Navbar .x{font-size:52px;transform:translate(-135px)}body .FrontEnd .one{background-image:url(/assets/FrontEnd\ home-7fec3217.svg);background-position:center;background-repeat:no-repeat;background-size:cover}body .FrontEnd .one .left h1{font-size:55px}body .FrontEnd .one .left h2{font-size:32px}body .FrontEnd .one .left p{width:440px;font-size:23px;margin-bottom:17px}body .FrontEnd .one .left a{font-size:25px;padding:8 22px}body .FrontEnd .one .right img{width:650px}body .FrontEnd .two{height:105vh}body .FrontEnd .two header img{width:55px}body .FrontEnd .two header h1{font-size:36px}body .FrontEnd .two header h3{font-size:22px}body .FrontEnd .two header h3:before,body .FrontEnd .two header h3:after{width:270px;bottom:-17px}body .FrontEnd .two header .circle{width:20px;height:20px}body .FrontEnd .two .mySwiper{height:800px}body .FrontEnd .two .mySwiper .slide{margin-top:10px}body .FrontEnd .two .mySwiper .slide img{width:1400px}body .FrontEnd .two .mySwiper .slide .left img{width:70px;left:160px}body .FrontEnd .two .mySwiper .slide .left h1{width:400px;border-bottom:2px solid white;padding:15px 0;font-size:33px}body .FrontEnd .two .mySwiper .slide .left p{width:450px;font-size:23px;line-height:1.5}body .FrontEnd .two .mySwiper .slide .left .chart{margin-top:20px}body .FrontEnd .two .mySwiper .slide .left .chart h4{font-size:22px}body .FrontEnd .two .mySwiper .slide .left .chart .first{width:380px;height:15px;margin-bottom:50px}body .FrontEnd .two .mySwiper .slide .left .chart .first .second{width:360px;height:15px;border-radius:10px}body .FrontEnd .two .mySwiper .slide .left button{padding:9px 20px;font-size:26px}body .FrontEnd .two .mySwiper .slide .right img{width:70px;left:150px}body .FrontEnd .two .mySwiper .slide .right h1{width:360px;border-bottom:none;padding:15px 0;font-size:35px}body .FrontEnd .two .mySwiper .slide .right p{width:450px;font-size:22px;border-top:2px solid white;line-height:1.5}body .FrontEnd .two .mySwiper .slide .right .chart{margin-top:20px}body .FrontEnd .two .mySwiper .slide .right .chart h4{font-size:22px}body .FrontEnd .two .mySwiper .slide .right .chart .first{width:380px;height:15px;margin-bottom:50px}body .FrontEnd .two .mySwiper .slide .right .chart .first .second{width:360px;height:15px;border-radius:10px}body .FrontEnd .two .mySwiper .slide .right button{padding:9px 20px;font-size:26px}body .FrontEnd .two .mySwiper .swiper-button-prev{color:#000;margin-left:20px;margin-top:-100px}body .FrontEnd .two .mySwiper .swiper-button-next{color:#000;margin-right:40px;margin-top:-100px}body .FrontEnd .three{background-image:url(/assets/FrontEnd\ 3-33c66ddd.svg);background-position:center;background-repeat:no-repeat;background-size:cover}body .FrontEnd .three .top h1{width:660px;font-size:55px}body .FrontEnd .three .top p{width:660px;font-size:23px;line-height:1.6}body .FrontEnd .three .top p span{font-size:26px}body .FrontEnd .three .top .buttons a{font-size:22px;padding:8px 25px}body .FrontEnd .three .bottom .img2{width:520px}body .FrontEnd .three .bottom .img1{left:-280px;top:58px;width:90px}body .FrontEnd .four{background-image:url(/assets/FrontEnd\ slider-4c045009.svg);height:300px}body .FrontEnd .four .mySwiper{padding-top:120px}body .FrontEnd .four .mySwiper .slide .box img{width:100px}body .FrontEnd .four .mySwiper .slide .box h3{font-size:23px}body .FrontEnd .four .mySwiper .swiper-pagination-bullet{background:#B002FA;cursor:pointer;padding:9px}}@media (min-width: 1070px) and (max-width: 1599.9px){body .FrontEnd .one{background-size:cover}body .FrontEnd .two .mySwiper .slide img{width:1080px}}@media (min-width: 850px) and (max-width: 1069.9px){body .FrontEnd .Navbar{justify-content:space-around}body .FrontEnd .Navbar .logo,body .FrontEnd .one .left{margin-left:0}body .FrontEnd .one .right img{width:430px;margin-left:50px}body .FrontEnd .two{height:78vh}body .FrontEnd .two .mySwiper{height:70vh}body .FrontEnd .two .mySwiper .slide img{width:95%}body .FrontEnd .two .mySwiper .slide .left,body .FrontEnd .two .mySwiper .slide .right{margin-top:20px;display:flex;flex-direction:column;align-items:center}body .FrontEnd .two .mySwiper .slide .left img,body .FrontEnd .two .mySwiper .slide .right img{width:45px;top:-10px;left:0}body .FrontEnd .two .mySwiper .slide .left h1,body .FrontEnd .two .mySwiper .slide .right h1{font-size:26px;width:260px}body .FrontEnd .two .mySwiper .slide .left .chart,body .FrontEnd .two .mySwiper .slide .right .chart{margin-bottom:10px}body .FrontEnd .two .mySwiper .slide .left .chart .first,body .FrontEnd .two .mySwiper .slide .right .chart .first{width:250px}body .FrontEnd .two .mySwiper .slide .left .chart .first .second,body .FrontEnd .two .mySwiper .slide .right .chart .first .second{width:230px}body .FrontEnd .two .mySwiper .swiper-button-prev,body .FrontEnd .two .mySwiper .swiper-button-next{color:#000;translate:0 -30px}}@media (min-width: 510px) and (max-width: 849.9px){body .FrontEnd .one{display:flex;flex-direction:column;align-items:center;text-align:center}body .FrontEnd .one .left{display:flex;flex-direction:column;align-items:center;width:100%;margin-left:0;margin-top:150px}body .FrontEnd .one .left p{text-align:center;font-size:18px;width:75%}body .FrontEnd .one .left h1{font-weight:800;font-size:45px;letter-spacing:2px;transition:1s}body .FrontEnd .one .left h2{font-weight:700;font-size:30px;border-bottom:1.6px solid white;width:65%;padding-bottom:12px}body .FrontEnd .one .right img{width:400px;margin:50px 0}body .FrontEnd .two{height:100vh}body .FrontEnd .two .mySwiper{margin-top:-30px;height:inherit}body .FrontEnd .two .mySwiper .slide{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0;justify-content:flex-start}body .FrontEnd .two .mySwiper .slide img{width:95%;display:none}body .FrontEnd .two .mySwiper .slide .left,body .FrontEnd .two .mySwiper .slide .right{margin-top:20px;display:flex;flex-direction:column;align-items:center}body .FrontEnd .two .mySwiper .slide .left img,body .FrontEnd .two .mySwiper .slide .right img{width:50px;top:-10px;left:0}body .FrontEnd .two .mySwiper .slide .left h1,body .FrontEnd .two .mySwiper .slide .right h1{font-size:25px;width:90%}body .FrontEnd .two .mySwiper .slide .left p,body .FrontEnd .two .mySwiper .slide .right p{width:90%}body .FrontEnd .two .mySwiper .slide .left .chart,body .FrontEnd .two .mySwiper .slide .right .chart{margin-bottom:10px}body .FrontEnd .two .mySwiper .slide .left .chart .first,body .FrontEnd .two .mySwiper .slide .right .chart .first{width:230px}body .FrontEnd .two .mySwiper .slide .left .chart .first .second,body .FrontEnd .two .mySwiper .slide .right .chart .first .second{width:220px}body .FrontEnd .two .mySwiper .swiper-button-prev,body .FrontEnd .two .mySwiper .swiper-button-next{color:#000;translate:0 -30px}body .FrontEnd .three .top{display:flex;flex-direction:column;align-items:center}body .FrontEnd .three .top h1,body .FrontEnd .three .top p{width:90%}body .FrontEnd .three .bottom{display:flex;flex-direction:column;align-items:center}body .FrontEnd .three .bottom .img1{display:none}body .FrontEnd .three .bottom .img2{margin:0}body .FrontEnd .four .mySwiper .slide .box img{width:65px}}@media (max-width: 509.9px){body .FrontEnd .one{display:flex;flex-direction:column;align-items:center;text-align:center}body .FrontEnd .one .left{display:flex;flex-direction:column;align-items:center;width:100%;margin-left:0;margin-top:150px}body .FrontEnd .one .left p{text-align:center;font-size:18px;width:85%}body .FrontEnd .one .left h1{font-weight:800;font-size:45px;letter-spacing:2px;transition:1s}body .FrontEnd .one .left h2{font-weight:700;font-size:30px;border-bottom:1.6px solid white;width:65%;padding-bottom:12px}body .FrontEnd .one .right img{width:360px;margin:50px 0}body .FrontEnd .two{height:100vh}body .FrontEnd .two header h3:before{width:140px;left:10px}body .FrontEnd .two header h3:after{width:140px;right:10px}body .FrontEnd .two .mySwiper{margin-top:-30px;height:inherit}body .FrontEnd .two .mySwiper .slide{display:flex;flex-direction:column;align-items:center;gap:20px;margin:0;justify-content:flex-start}body .FrontEnd .two .mySwiper .slide img{width:95%;display:none}body .FrontEnd .two .mySwiper .slide .left,body .FrontEnd .two .mySwiper .slide .right{margin-top:20px;display:flex;flex-direction:column;align-items:center}body .FrontEnd .two .mySwiper .slide .left img,body .FrontEnd .two .mySwiper .slide .right img{width:50px;top:-10px;left:0}body .FrontEnd .two .mySwiper .slide .left h1,body .FrontEnd .two .mySwiper .slide .right h1{font-size:25px;width:90%}body .FrontEnd .two .mySwiper .slide .left p,body .FrontEnd .two .mySwiper .slide .right p{width:95%;font-size:14px}body .FrontEnd .two .mySwiper .slide .left button:hover,body .FrontEnd .two .mySwiper .slide .right button:hover{background:white}body .FrontEnd .two .mySwiper .slide .left .chart,body .FrontEnd .two .mySwiper .slide .right .chart{margin-bottom:10px}body .FrontEnd .two .mySwiper .slide .left .chart .first,body .FrontEnd .two .mySwiper .slide .right .chart .first{width:230px}body .FrontEnd .two .mySwiper .slide .left .chart .first .second,body .FrontEnd .two .mySwiper .slide .right .chart .first .second{width:220px}body .FrontEnd .two .mySwiper .swiper-button-prev,body .FrontEnd .two .mySwiper .swiper-button-next{color:#000;translate:0 -30px}body .FrontEnd .three .top{display:flex;flex-direction:column;align-items:center}body .FrontEnd .three .top h1,body .FrontEnd .three .top p{width:90%}body .FrontEnd .three .bottom{display:flex;flex-direction:column;align-items:center}body .FrontEnd .three .bottom .img2{width:340px}body .FrontEnd .three .bottom .img1{display:none}body .FrontEnd .three .bottom .img2{margin:0}body .FrontEnd .four .mySwiper .slide .box img{width:55px;margin-top:20px}}body .GraphicDesign .Navbar .sun{margin-right:100px}body .GraphicDesign .Navbar .navigation{margin-left:50px}body .GraphicDesign .Navbar.clicked{justify-content:space-around}body .GraphicDesign .Navbar.clicked .x{display:none}body .GraphicDesign .one{width:100%;height:100vh;background-image:url(/assets/GraphicDesign-253f905b.svg);background-repeat:no-repeat;background-position:right;background-size:cover;display:flex;justify-content:space-between;align-items:center;transition:1s}body .GraphicDesign .one .left{color:#000;margin-left:70px;margin-bottom:50px;transition:1s}body .GraphicDesign .one .left h1{font-size:42px;font-weight:800;border-bottom:2px solid #B002FA;width:-moz-fit-content;width:fit-content;padding:7px 0}body .GraphicDesign .one .left h1:first-letter{color:#b002fa}body .GraphicDesign .one .left p{width:410px;line-height:1.6;font-size:17px;text-align:left;margin-bottom:30px;padding:10px 0}body .GraphicDesign .one .left a{color:#fff;background:#B002FA;padding:7px 18px;font-size:19px;text-decoration:none;border:none;border-radius:10px 0;transition:.7s}body .GraphicDesign .one .left a:active{color:#b002fa;transition:.1s}body .GraphicDesign .one .left a:hover{background:black;border-radius:0 10px;transition:.5s}body .GraphicDesign .one .right{display:flex;align-items:center;transition:1s}body .GraphicDesign .one .right .img{width:255px;margin-top:185px;margin-right:95px;opacity:1;position:relative;transition:1s}body .GraphicDesign .one .right .links{display:flex;flex-direction:column;margin:0 50px}body .GraphicDesign .one .right .links a{background:white;width:44px;height:44px;border-radius:50%;display:grid;justify-content:center;align-items:center;margin:10px 0;transition:.7s}body .GraphicDesign .one .right .links a:hover{background:black;transition:.5s}body .GraphicDesign .two{width:100%;height:190vh;background-image:url(/assets/GraphicDesign\ 2-b697c80d.svg);background-repeat:no-repeat;opacity:2;position:relative;background-position:bottom;background-size:cover}body .GraphicDesign .two .top{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center;color:#fff;padding-top:30px}body .GraphicDesign .two .top h1{font-size:45px}body .GraphicDesign .two .top h1:first-letter{color:#7e00b4}body .GraphicDesign .two .top p{width:450px;font-size:22px;line-height:1.6;margin:15px 0}body .GraphicDesign .two .top a{color:#b002fa;background:white;font-size:25px;font-family:Lobster,cursive;padding:6px 20px;border:none;border-radius:10px;box-shadow:0 3px 5px gray;width:-moz-fit-content;width:fit-content;text-decoration:none;transition:.5s}body .GraphicDesign .two .top a:hover{background:rgb(126,0,180);color:#fff;transition:.5s;box-shadow:0 3px 5px #fff}body .GraphicDesign .two .top a:active{color:#000;transition:.1s}body .GraphicDesign .two .top .shapes{position:relative}body .GraphicDesign .two .top .shapes a{width:85px;height:85px;border-radius:50%;background:white;display:grid;justify-content:center;align-items:center;position:relative;box-shadow:none}body .GraphicDesign .two .top .shapes a img{width:45px}body .GraphicDesign .two .top .shapes a:nth-child(1){left:-120px;top:50px}body .GraphicDesign .two .top .shapes a:nth-child(2){left:180px;top:-10px}body .GraphicDesign .two .top .shapes a:nth-child(3){left:90px;top:165px;width:110px;height:110px}body .GraphicDesign .two .top .shapes a:nth-child(3) img{width:75px}body .GraphicDesign .two .top .shapes a:nth-child(4){left:-200px;top:69px;width:100px;height:100px}body .GraphicDesign .two .top .shapes a:nth-child(4) img{width:65px}body .GraphicDesign .two .top .shapes a:nth-child(5){left:470px;top:-30px}body .GraphicDesign .two .top .shapes a:nth-child(6){left:-400px;top:-170px}body .GraphicDesign .two .bottom{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(3,auto);-moz-column-gap:90px;column-gap:90px;row-gap:60px;margin-top:65px}body .GraphicDesign .two .bottom .box{background-color:#b002fa;color:#fff;text-align:center;padding:20px;border-radius:10px}body .GraphicDesign .two .bottom .box img{width:80px;position:relative;top:-55px;left:-135px}body .GraphicDesign .two .bottom .box h3{margin-top:-50px}body .GraphicDesign .two .bottom .box p{width:220px;padding:8px}body .GraphicDesign .two .bottom .box .chart{margin-bottom:20px}body .GraphicDesign .two .bottom .box .chart h4{text-align:left}body .GraphicDesign .two .bottom .box .chart .first{width:220px;height:13px;border-radius:10px;background:black;margin:5px 0}body .GraphicDesign .two .bottom .box .chart .first .second{width:200px;height:13px;border-radius:10px;background:white}body .GraphicDesign .two .bottom .box button{color:#b002fa;background:white;border:none;border-radius:10px 0;padding:7px 18px;font-size:18px;font-family:Lobster,cursive;cursor:pointer;transition:.6s}body .GraphicDesign .two .bottom .box button:hover{background:black;transition:.5s;color:#fff;border-radius:0 10px}body .GraphicDesign .two .bottom .box button:active{color:#b002fa;transition:0s}body .GraphicDesign .two .bottom .box:nth-child(1) h3:first-letter{color:#00f;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(1) .chart .second{width:195px}body .GraphicDesign .two .bottom .box:nth-child(2) h3:first-letter{color:#ff0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(3) h3:first-letter{color:#7e00b4;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(4) h3:first-letter{color:red;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(5) h3:first-letter{color:#4040ff;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(5) .chart .second{width:210px}body .GraphicDesign .two .bottom .box:nth-child(6) h3:first-letter{color:#0f0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(6) .chart .second{width:220px}body .GraphicDesign .two .all{width:100%;position:fixed;top:0;height:100vh;background-color:#b002fa}body .GraphicDesign .two .all .mySwiper{display:flex;width:100%}body .GraphicDesign .two .all .mySwiper .slide{display:grid;justify-content:center;align-items:center;width:100%}body .GraphicDesign .two .all .mySwiper .slide img{height:550px;margin-top:30px;border-radius:15px}body .GraphicDesign .two .all .mySwiper .slide i{position:absolute;left:-120px;z-index:10;top:30px;color:#fff;font-size:40px;cursor:pointer}body .GraphicDesign .two .all .mySwiper .slide i:hover{color:red;transition:.3s}body .GraphicDesign .two .all .mySwiper .slide i:active{color:#9d0000;transition:0s}body .GraphicDesign .two .all .mySwiper .slide .i{left:unset;right:100px}body .GraphicDesign .two .all .mySwiper .swiper-button-prev{color:#000;margin-left:40px}body .GraphicDesign .two .all .mySwiper .swiper-button-next{color:#000;margin-right:40px}body .GraphicDesign .two .all .mySwiper .swiper-button-prev:hover,body .GraphicDesign .two .all .mySwiper .swiper-button-next:hover{color:#fff}@media (min-width: 1600px){body .GraphicDesign .Navbar.clicked .x{transform:translate(-250px)}body .GraphicDesign .one{background-image:url(/assets/GraphicDesign-18846eec.svg);background-position:center;background-repeat:no-repeat;background-size:cover}body .GraphicDesign .one .left h1{font-size:55px;padding:10px 0;border-bottom:3px solid #B002FA}body .GraphicDesign .one .left p{width:560px;font-size:23px}body .GraphicDesign .one .left a{font-size:25px}body .GraphicDesign .one .right .img{width:300px}body .GraphicDesign .one .right .links a{width:60px;height:60px;margin:15px 0}body .GraphicDesign .one .right .links a img{width:40px}body .GraphicDesign .two{background-image:url(/assets/GraphicDesign\ 2-ed0bc092.svg);background-position:center;height:205vh;background-repeat:no-repeat;background-size:cover}body .GraphicDesign .two .top h1{font-size:45px}body .GraphicDesign .two .top p{font-size:22px;width:470px}body .GraphicDesign .two .top a{font-size:27px}body .GraphicDesign .two .top .shapes{margin-top:50px}body .GraphicDesign .two .top .shapes a{width:100px;height:100px}body .GraphicDesign .two .top .shapes a img{width:65px}body .GraphicDesign .two .top .shapes a:nth-child(3){left:90px;top:185px;width:125px;height:125px}body .GraphicDesign .two .top .shapes a:nth-child(3) img{width:85px}body .GraphicDesign .two .top .shapes a:nth-child(4){left:-300px;top:89px;width:120px;height:120px}body .GraphicDesign .two .top .shapes a:nth-child(4) img{width:75px}body .GraphicDesign .two .top .shapes a:nth-child(5){left:670px;top:-30px}body .GraphicDesign .two .top .shapes a:nth-child(6){left:-670px;top:-170px}body .GraphicDesign .two .bottom{margin-top:0}body .GraphicDesign .two .bottom .box img{width:105px;left:-175px}body .GraphicDesign .two .bottom .box h3{font-size:30px}body .GraphicDesign .two .bottom .box p{font-size:23px;width:320px}body .GraphicDesign .two .bottom .box .chart{margin-bottom:33px}body .GraphicDesign .two .bottom .box .chart h4{font-size:20px}body .GraphicDesign .two .bottom .box .chart .first{width:300px;height:15px}body .GraphicDesign .two .bottom .box .chart .first .second{width:270px;height:15px}body .GraphicDesign .two .bottom .box button{font-size:24px}body .GraphicDesign .two .bottom .box:nth-child(1) h3:first-letter{font-size:32px}body .GraphicDesign .two .bottom .box:nth-child(1) .chart .second{width:260px}body .GraphicDesign .two .bottom .box:nth-child(2) h3:first-letter{font-size:32px}body .GraphicDesign .two .bottom .box:nth-child(3) h3:first-letter{font-size:32px}body .GraphicDesign .two .bottom .box:nth-child(4) h3:first-letter{font-size:32px}body .GraphicDesign .two .bottom .box:nth-child(5) h3:first-letter{font-size:32px}body .GraphicDesign .two .bottom .box:nth-child(5) .chart .second{width:290px}body .GraphicDesign .two .bottom .box:nth-child(6) h3:first-letter{font-size:32px}body .GraphicDesign .two .bottom .box:nth-child(6) .chart .second{width:300px}body .GraphicDesign .two .all{margin-top:0}body .GraphicDesign .two .all .mySwiper .slide img{height:740px}body .GraphicDesign .two .all .mySwiper .slide i{font-size:55px}}@media (min-width: 850px) and (max-width: 1069.9px){body .GraphicDesign .Navbar .sun{margin-right:0}body .GraphicDesign .Navbar .navigation{margin-left:10px}body .GraphicDesign .Navbar .x{right:10px;left:unset}body .GraphicDesign .one{background-position:center}body .GraphicDesign .one .left h1{border-bottom:1px solid black}body .GraphicDesign .one .left p{width:390px}body .GraphicDesign .one .left a{background:black}body .GraphicDesign .one .right .img{width:250px;margin-right:35px}body .GraphicDesign .one .right .links{margin:0 20px}body .GraphicDesign .two{height:180vh}body .GraphicDesign .two .top{display:flex;flex-direction:column;align-items:center}body .GraphicDesign .two .top a{margin:0}body .GraphicDesign .two .top .shapes a{width:75px;height:75px}body .GraphicDesign .two .top .shapes a:nth-child(1){left:-120px;top:50px}body .GraphicDesign .two .top .shapes a:nth-child(2){left:180px;top:10px}body .GraphicDesign .two .top .shapes a:nth-child(3){left:90px;top:145px;width:100px;height:100px}body .GraphicDesign .two .top .shapes a:nth-child(3) img{width:70px}body .GraphicDesign .two .top .shapes a:nth-child(4){left:-130px;top:69px;width:90px;height:90px}body .GraphicDesign .two .top .shapes a:nth-child(4) img{width:60px}body .GraphicDesign .two .top .shapes a:nth-child(5){left:370px;top:-30px}body .GraphicDesign .two .top .shapes a:nth-child(6){left:-300px;top:-170px}body .GraphicDesign .two .bottom{margin-top:35px;row-gap:80px;-moz-column-gap:40px;column-gap:40px}body .GraphicDesign .two .bottom .box{display:flex;flex-direction:column;align-items:center}body .GraphicDesign .two .bottom .box img{width:60px;left:-115px;top:-50px}body .GraphicDesign .two .bottom .box p{width:200px}body .GraphicDesign .two .bottom .box .chart .first{width:180px}body .GraphicDesign .two .bottom .box .chart .first .second{width:160px}body .GraphicDesign .two .bottom .box:nth-child(1) h3:first-letter{color:#00f;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(1) .chart .second{width:165px}body .GraphicDesign .two .bottom .box:nth-child(2) h3:first-letter{color:#ff0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(3) h3:first-letter{color:#7e00b4;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(4) h3:first-letter{color:red;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(4) .chart .second{width:170px}body .GraphicDesign .two .bottom .box:nth-child(5) h3:first-letter{color:#4040ff;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(5) .chart .second{width:170px}body .GraphicDesign .two .bottom .box:nth-child(6) h3:first-letter{color:#0f0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(6) .chart .second{width:180px}body .GraphicDesign .two .all .mySwiper .slide img{height:450px}}@media (min-width: 510px) and (max-width: 849.9px){body .GraphicDesign .Navbar .sun{margin-right:0}body .GraphicDesign .Navbar .navigation{margin-left:10px}body .GraphicDesign .Navbar .logo{margin:0}body .GraphicDesign .one{display:flex;flex-direction:column;align-items:center;margin-top:100px;height:110vh;background-position:center;text-align:center;gap:30px}body .GraphicDesign .one .left{display:flex;flex-direction:column;align-items:center;margin:0}body .GraphicDesign .one .left p{text-align:center;width:80%;margin-bottom:10px;font-size:19px}body .GraphicDesign .one .left h1{width:90%}body .GraphicDesign .one .right{justify-self:flex-end}body .GraphicDesign .one .right .img{margin:0}body .GraphicDesign .one .right .links{position:absolute;right:30px;margin:0}body .GraphicDesign .one .right .links a{margin:25px 0;width:50px;height:50px}body .GraphicDesign .two{height:-moz-fit-content;height:fit-content;padding-bottom:30px}body .GraphicDesign .two .top{display:flex;flex-direction:column;align-items:center}body .GraphicDesign .two .top a{margin:0}body .GraphicDesign .two .top .shapes a{width:65px;height:65px}body .GraphicDesign .two .top .shapes a:nth-child(1){left:-120px;top:50px}body .GraphicDesign .two .top .shapes a:nth-child(2){left:180px;top:10px}body .GraphicDesign .two .top .shapes a:nth-child(3){left:50px;top:185px;width:100px;height:100px}body .GraphicDesign .two .top .shapes a:nth-child(3) img{width:70px}body .GraphicDesign .two .top .shapes a:nth-child(4){left:-30px;top:-49px;width:90px;height:90px}body .GraphicDesign .two .top .shapes a:nth-child(4) img{width:60px}body .GraphicDesign .two .top .shapes a:nth-child(5){left:220px;top:-50px}body .GraphicDesign .two .top .shapes a:nth-child(6){left:-150px;top:-70px}body .GraphicDesign .two .bottom{margin-top:35px;row-gap:80px;-moz-column-gap:30px;column-gap:30px;grid-template-columns:repeat(2,auto)}body .GraphicDesign .two .bottom .box{display:flex;flex-direction:column;align-items:center}body .GraphicDesign .two .bottom .box img{width:50px;left:-105px;top:-50px}body .GraphicDesign .two .bottom .box p{width:190px}body .GraphicDesign .two .bottom .box .chart .first{width:170px}body .GraphicDesign .two .bottom .box .chart .first .second{width:150px}body .GraphicDesign .two .bottom .box:nth-child(1) h3:first-letter{color:#00f;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(1) .chart .second{width:155px}body .GraphicDesign .two .bottom .box:nth-child(2) h3:first-letter{color:#ff0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(3) h3:first-letter{color:#7e00b4;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(4) h3:first-letter{color:red;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(4) .chart .second{width:160px}body .GraphicDesign .two .bottom .box:nth-child(5) h3:first-letter{color:#4040ff;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(5) .chart .second{width:160px}body .GraphicDesign .two .bottom .box:nth-child(6) h3:first-letter{color:#0f0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(6) .chart .second{width:170px}body .GraphicDesign .two .all .mySwiper .slide img{height:420px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}}@media (max-width: 509.9px){body .GraphicDesign .Navbar .sun{margin-right:0}body .GraphicDesign .Navbar .navigation{margin-left:10px}body .GraphicDesign .Navbar .logo{margin:0}body .GraphicDesign .one{display:flex;flex-direction:column;align-items:center;margin-top:100px;height:110vh;background-position:center;text-align:center;gap:30px}body .GraphicDesign .one .left{display:flex;flex-direction:column;align-items:center;margin:0}body .GraphicDesign .one .left p{text-align:center;width:80%;margin-bottom:10px;font-size:19px}body .GraphicDesign .one .left h1{width:90%}body .GraphicDesign .one .right{justify-self:flex-end}body .GraphicDesign .one .right .img{margin:0}body .GraphicDesign .one .right .links{position:absolute;right:30px;margin:0}body .GraphicDesign .one .right .links a{margin:25px 0;width:50px;height:50px}body .GraphicDesign .two{height:-moz-fit-content;height:fit-content;padding-bottom:30px}body .GraphicDesign .two .top{display:flex;flex-direction:column;align-items:center}body .GraphicDesign .two .top a{margin:0}body .GraphicDesign .two .top h1{font-size:39px}body .GraphicDesign .two .top p{font-size:20px;width:90%}body .GraphicDesign .two .top .shapes a{width:65px;height:65px}body .GraphicDesign .two .top .shapes a:nth-child(1){left:-120px;top:50px}body .GraphicDesign .two .top .shapes a:nth-child(2){left:180px;top:10px}body .GraphicDesign .two .top .shapes a:nth-child(3){left:50px;top:185px;width:100px;height:100px}body .GraphicDesign .two .top .shapes a:nth-child(3) img{width:70px}body .GraphicDesign .two .top .shapes a:nth-child(4){left:-30px;top:-49px;width:90px;height:90px}body .GraphicDesign .two .top .shapes a:nth-child(4) img{width:60px}body .GraphicDesign .two .top .shapes a:nth-child(5){left:180px;top:-70px}body .GraphicDesign .two .top .shapes a:nth-child(6){left:-150px;top:-70px}body .GraphicDesign .two .bottom{margin-top:35px;row-gap:80px;-moz-column-gap:30px;column-gap:30px;grid-template-columns:repeat(1,auto)}body .GraphicDesign .two .bottom .box{display:flex;flex-direction:column;align-items:center;box-shadow:2px 2px 3px #000}body .GraphicDesign .two .bottom .box img{width:70px;left:-125px;top:-50px}body .GraphicDesign .two .bottom .box p{width:230px;font-size:20px}body .GraphicDesign .two .bottom .box h3{font-size:25px}body .GraphicDesign .two .bottom .box .chart .first{width:170px}body .GraphicDesign .two .bottom .box .chart .first .second{width:150px}body .GraphicDesign .two .bottom .box:nth-child(1) h3:first-letter{color:#00f;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(1) .chart .second{width:155px}body .GraphicDesign .two .bottom .box:nth-child(2) h3:first-letter{color:#ff0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(3) h3:first-letter{color:#7e00b4;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(4) h3:first-letter{color:red;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(4) .chart .second{width:160px}body .GraphicDesign .two .bottom .box:nth-child(5) h3:first-letter{color:#4040ff;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(5) .chart .second{width:160px}body .GraphicDesign .two .bottom .box:nth-child(6) h3:first-letter{color:#0f0;font-size:21px;font-weight:800}body .GraphicDesign .two .bottom .box:nth-child(6) .chart .second{width:170px}body .GraphicDesign .two .all .mySwiper .slide img{height:320px;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}}body .Oops{display:flex;flex-direction:column;position:relative;justify-content:center;align-items:center;color:#fff;gap:20px;height:100vh}body .Oops header{margin:10px 0}body .Oops header i{color:#b002fa;font-size:50px;margin:3px 0}body .Oops header h3{font-size:26px}body .Oops header h3:first-letter{color:#b002fa}body .Oops h1{font-size:70px;margin-top:30px}body .Oops h1:first-letter{color:#b002fa}body .Oops h3{font-size:40px}body .Oops p{font-size:18px;width:40%}body .Oops a{text-decoration:none;background:none;color:#fff;border:1.5px solid white;opacity:.8;font-size:19px;padding:8px 15px;cursor:pointer;transition:.8s}body .Oops a:hover{border-radius:50px 0;transition:.8s;padding:8px 20px}@media (min-width: 510px) and (max-width: 849.9px){body .Oops{gap:30px}body .Oops h1{font-size:50px}body .Oops h3{font-size:30px}body .Oops p{width:70%}}@media (max-width: 509.9px){body .Oops{gap:45px}body .Oops h1{font-size:50px}body .Oops h3{font-size:25px}body .Oops p{width:70%}}body .Oops~.Footer{display:none}body.DarkMode .Navbar{transition:1s}body.DarkMode .Navbar .logo2{display:block;width:150px;margin-left:125px;transition:1s}body.DarkMode .Navbar .logo{display:none}body.DarkMode .Navbar .navigation li a{color:#fff;transition:1s}body.DarkMode .Navbar .navigation li:hover a{color:#b002fa}body.DarkMode .Navbar .modes li,body.DarkMode .Navbar .x{color:#fff}body.DarkMode .Navbar .sun{display:none}body.DarkMode .Navbar .sun2{width:35px;height:35px;cursor:pointer;margin-right:80px;margin-top:16px;display:block}@media (min-width: 1600px){body.DarkMode .Navbar{height:90px;max-width:1705px}body.DarkMode .Navbar .logo{width:200px}body.DarkMode .Navbar .navigation li{font-size:37px}body.DarkMode .Navbar .sun{width:55px;height:55px;left:-130px}body.DarkMode .Navbar .modes li{font-size:37px}body.DarkMode .Navbar .x{font-size:52px;transform:translate(-135px)}}@media (min-width: 1070px) and (max-width: 1599.9px){body.DarkMode .Navbar{justify-content:space-around}body.DarkMode .Navbar .logo{width:180px;margin-left:25px}body.DarkMode .Navbar .navigation li{font-size:32px}body.DarkMode .Navbar .sun{width:45px;height:45px;left:-30px}body.DarkMode .Navbar .modes li{font-size:33px}body.DarkMode .Navbar .x{font-size:48px;transform:translate(-135px)}}@media (min-width: 850px) and (max-width: 1069.9px){body.DarkMode .Navbar{justify-content:space-between}body.DarkMode .Navbar .logo{width:180px;margin-left:25px}body.DarkMode .Navbar .navigation{margin-left:15px}body.DarkMode .Navbar .navigation li{font-size:30px}body.DarkMode .Navbar .sun{width:45px;height:45px;left:-30px}body.DarkMode .Navbar .modes li{font-size:25px}body.DarkMode .Navbar .x{font-size:45px;translate:60px -8px}}@media (min-width: 510px) and (max-width: 849.9px){body.DarkMode .Navbar{justify-content:space-around;align-items:center;margin:0;top:10px}body.DarkMode .Navbar .logo{margin:0;width:110px}body.DarkMode .Navbar .navigation{margin-left:10px;margin-top:0}body.DarkMode .Navbar .navigation li{font-size:20px;margin:0 5px;width:-moz-fit-content;width:fit-content}body.DarkMode .Navbar .modes{margin:0}body.DarkMode .Navbar .modes li{font-size:17px;margin:0 5px}body.DarkMode .Navbar .sun{width:28px;height:28px;margin:0;left:0;top:0}body.DarkMode .Navbar .x{font-size:35px;position:relative;z-index:10;right:10px;top:10px;transform:translate(-500px)}}body.DarkMode .Navbar.clicked .sun2{display:none}@media (max-width: 509.9px){body.DarkMode #close{justify-content:center;transition:1s}body.DarkMode #close .navigation,body.DarkMode #close .sun{opacity:0;position:absolute;top:-100px}body.DarkMode #close .phone{display:block;position:absolute;font-size:27px;color:#000;cursor:pointer;top:20px;right:20px}body.DarkMode #open{display:flex;flex-direction:column;align-items:center;gap:15px;background:#B002FA;height:-moz-fit-content;height:fit-content;padding-bottom:200px;border-bottom:1.5px solid black}body.DarkMode #open .phone{display:block;position:absolute;font-size:27px;color:#000;cursor:pointer;top:20px;right:20px}body.DarkMode #open .navigation,body.DarkMode #open .sun{opacity:1;position:relative;top:0;transition:1s}body.DarkMode #open .navigation{flex-direction:column;align-items:center;gap:20px}body.DarkMode #open .modes{flex-direction:column;align-items:center;gap:10px}body.DarkMode #open .sun{position:absolute;top:20px;left:20px}}body.DarkMode .Footer p{color:#000}body.DarkMode .Footer p:first-letter{color:#fff}body.DarkMode .Footer .links a{background:black}body.DarkMode .Footer .links a:hover{background:white}@media (min-width: 1600px){body.DarkMode .Footer{padding-top:25px}body.DarkMode .Footer img{width:250px}body.DarkMode .Footer p{width:400px;font-size:20px;margin:15px 0}body.DarkMode .Footer .links a{font-size:30px}body.DarkMode .Footer h2{font-size:22px;padding:18px 0}body.DarkMode .Footer h2 .name{font-size:25px}}body.DarkMode .Main .Home{background-image:url(/assets/Home\ B-625c8870.svg);color:#fff;transition:1s}body.DarkMode .Main .Home .left{transition:1s}body.DarkMode .Main .Home .left button{color:#000;transition:1s}body.DarkMode .Main .Home .left button:hover{background:white}body.DarkMode .Main .Home .left .images{display:flex;transition:1s}body.DarkMode .Main .Home .left .images .night{width:150px;position:relative;top:35px;left:160px;transform:rotate(-2deg);cursor:pointer}body.DarkMode .Main .Home .left .images .queen{width:150px;position:relative;top:76px;left:90px;transform:rotate(1deg);cursor:pointer}body.DarkMode .Main .Home .left .images img:nth-child(1){display:none}body.DarkMode .Main .Home .left .images img:nth-child(2){display:none}body.DarkMode .Main .Home .left .images img:nth-child(3){display:block}body.DarkMode .Main .Home .left .images img:nth-child(4){display:block}body.DarkMode .Main .Home .right img,body.DarkMode .Main .Home .links{transition:1s}body.DarkMode .Main .Home .links a{color:#000}body.DarkMode .Main .Home .links a:hover:before{background:white}body.DarkMode .Main .Home .links h3{border-bottom:1.5px solid white;transition:1s}body.DarkMode .Main .MySkills{background-image:url(/assets/MySkills\ B-83000cd0.svg)}body.DarkMode .Main .MySkills header{color:#000}body.DarkMode .Main .MySkills header .imgB{display:block}body.DarkMode .Main .MySkills header .imgW{display:none}body.DarkMode .Main .MySkills header h3:before,body.DarkMode .Main .MySkills header h3:after{border-bottom:1.5px solid black}body.DarkMode .Main .MySkills header .circle{background:black}body.DarkMode .Main .MySkills .container .right p{color:#000}body.DarkMode .Main .MySkills .container .right a{background:black}body.DarkMode .Main .MySkills .container .right a:hover{background:white}body.DarkMode .Main .MySkills .container .left a{color:#000}body.DarkMode .Main .MySkills .container .left a:hover{background:white}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h2{background:black}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h3{color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h2{background:black}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h3{color:#000}body.DarkMode .Main .MySkills .bottom h2 span{color:#000}body.DarkMode .Main .MySelf{background-image:url(/assets/MySelf\ B-eed744b0.svg)}body.DarkMode .Main .MySelf header{color:#000}body.DarkMode .Main .MySelf header .imgB{display:block}body.DarkMode .Main .MySelf header .imgW{display:none}body.DarkMode .Main .MySelf header h3:before,body.DarkMode .Main .MySelf header h3:after{border-bottom:1.5px solid black}body.DarkMode .Main .MySelf header .circle{background:black}body.DarkMode .Main .MySelf .one .left{color:#000}body.DarkMode .Main .MySelf .one .left h1{border-bottom:1.5px solid black}body.DarkMode .Main .MySelf .one .left a{background:black}body.DarkMode .Main .MySelf .one .chess{margin:200px 50px 0;display:flex}body.DarkMode .Main .MySelf .one .chess img{width:70px}body.DarkMode .Main .MySelf .one .chess img:nth-child(5){left:140px;top:118px;transform:rotate(-13deg);display:block}body.DarkMode .Main .MySelf .one .chess img:nth-child(6){left:106px;top:58px;transform:rotate(-8deg);display:block}body.DarkMode .Main .MySelf .one .chess img:nth-child(7){left:76px;top:0;transform:rotate(-3deg);display:block}body.DarkMode .Main .MySelf .one .chess img:nth-child(8){left:52px;top:-55px;display:block}body.DarkMode .Main .MySelf .one .chess img:nth-child(1){display:none}body.DarkMode .Main .MySelf .one .chess img:nth-child(2){display:none}body.DarkMode .Main .MySelf .one .chess img:nth-child(3){display:none}body.DarkMode .Main .MySelf .one .chess img:nth-child(4){display:none}body.DarkMode .Main .MySelf .two .right p span{color:#fff}body.DarkMode .Main .MySelf .two .right a:hover,body.DarkMode .Main .MySelf .three .left a:hover{color:#000}body.DarkMode .Main .MySelf .three .chess{margin-top:0}body.DarkMode .Main .MySelf .three .chess img:nth-child(1){left:248px;top:-42px;transform:rotate(10deg)}body.DarkMode .Main .MySelf .three .chess img:nth-child(2){left:188px;top:-75px;transform:rotate(7deg)}body.DarkMode .Main .MySelf .three .chess img:nth-child(3){left:128px;top:-110px;transform:rotate(5deg)}body.DarkMode .Main .MySelf .three .chess img:nth-child(4){left:200px;top:-115px;transform:rotate(15deg)}body.DarkMode .Main .Contact{background-image:url(/assets/Contact\ B-8fc62406.svg)}body.DarkMode .Main .Contact .container .left .text h2:first-letter{color:#fff}body.DarkMode .Main .Contact .container .center form input,body.DarkMode .Main .Contact .container .center form textarea{background:black}body.DarkMode .Main .Contact .container .center form button{color:#000}body.DarkMode .Main .Contact .container .center form button:hover{background:white}body.DarkMode .Main .swiper{background-image:url(/assets/sliderB-5563d911.svg)}@media (min-width: 1600px){body.DarkMode .Main .chess{opacity:0}body.DarkMode .Main .MySkills .container .center li:nth-child(1){transform:translate(100px,-10px)}body.DarkMode .Main .MySkills .container .center li:nth-child(1) h2{width:100px;height:100px;background:black}body.DarkMode .Main .MySkills .container .center li:nth-child(1) h2 img{width:70px}body.DarkMode .Main .MySkills .container .center li:nth-child(1) h3{font-size:26px;color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(2){transform:translate(-40px,10px)}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h2{width:100px;height:100px;background:#B002FA}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h2 img{width:70px}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h3{font-size:26px;color:#b002fa}body.DarkMode .Main .MySkills .container .center li:nth-child(3){transform:translate(270px,-33px)}body.DarkMode .Main .MySkills .container .center li:nth-child(3) h2{width:100px;height:100px;background:black}body.DarkMode .Main .MySkills .container .center li:nth-child(3) h2 img{width:70px}body.DarkMode .Main .MySkills .container .center li:nth-child(3) h3{font-size:26px;margin-left:7px;color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(4){transform:translate(70px,-50px)}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h2{width:100px;height:100px;background:#B002FA}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h2 img{width:70px}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h3{font-size:26px;width:-moz-fit-content;width:fit-content;color:#b002fa}body.DarkMode .Main .MySkills .container .center li:nth-child(5){transform:translate(400px,-85px)}body.DarkMode .Main .MySkills .container .center li:nth-child(5) h2{width:100px;height:100px;background:black}body.DarkMode .Main .MySkills .container .center li:nth-child(5) h2 img{width:70px}body.DarkMode .Main .MySkills .container .center li:nth-child(5) h3{font-size:26px;color:#000}body.DarkMode .Main .bottom h2{color:#fff;margin-left:30px}}@media (min-width: 1070px) and (max-width: 1599.9px){body.DarkMode .Main .Home .right .links{margin:0}body.DarkMode .Main .Home .right img{margin:240px 80px 0}body.DarkMode .Main .Home .left{position:relative;left:0}body.DarkMode .Main .Home .left .images{position:relative;left:-70px;top:20px}}@media (min-width: 850px) and (max-width: 1069.9px){body.DarkMode .Main .Home{background-position:center}body.DarkMode .Main .Home .right .links{margin:0}body.DarkMode .Main .Home .left{position:relative;left:0}body.DarkMode .Main .Home .left .images{position:relative;left:-110px;top:70px}body.DarkMode .Main .MySelf .one{gap:120px}body.DarkMode .Main .MySelf .one .chess{display:none}}@media (min-width: 510px) and (max-width: 849.9px){body.DarkMode .Main .Navbar .logo2{margin:0}body.DarkMode .Main .Home{display:flex;flex-direction:column;align-items:center;background-position:left;height:110vh}body.DarkMode .Main .Home .left,body.DarkMode .Main .Home .right img{margin:0}body.DarkMode .Main .Home .left{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:150px;gap:5px}body.DarkMode .Main .Home .left button{background:white;color:#b002fa}body.DarkMode .Main .Home .left p{margin-bottom:15px}body.DarkMode .Main .Home .left .images{display:none}body.DarkMode .Main .Home .right img{left:60px;bottom:-50px;z-index:0}body.DarkMode .Main .Home .right .links{margin:0;position:relative;left:60px;top:-100px}body.DarkMode .Main .Home .right .links a{font-size:31px;padding:0;width:53px;display:grid;margin:25px 0;justify-content:center;align-items:center;height:53px}body.DarkMode .Main .Home .right .links h3{margin-top:-50px}body.DarkMode .Main .Home .right .links h3:first-letter{color:#fff}body.DarkMode .Main .MySkills{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;background-image:none;background:#B002FA}body.DarkMode .Main .MySkills header{border-top:2px solid white}body.DarkMode .Main .MySkills .container{display:flex;flex-direction:column;align-items:center}body.DarkMode .Main .MySkills .container .left,body.DarkMode .Main .MySkills .container .center,body.DarkMode .Main .MySkills .container .right{margin:0}body.DarkMode .Main .MySkills .container .left{display:flex;flex-direction:column-reverse;align-items:center;gap:30px;text-align:center;margin-top:35px}body.DarkMode .Main .MySkills .container .left p{color:#000;text-align:center;margin:0;width:87%;font-size:22px}body.DarkMode .Main .MySkills .container .left a{background:black;color:#b002fa}body.DarkMode .Main .MySkills .container .center li:nth-child(1){transform:translate(10px,40px)}body.DarkMode .Main .MySkills .container .center li:nth-child(1) h2{background:black;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.DarkMode .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black;transition:.5s}body.DarkMode .Main .MySkills .container .center li:nth-child(1) h2:hover~h3{color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(1) h3{font-family:Lobster,cursive;color:#000;text-align:left;margin-left:-13px}body.DarkMode .Main .MySkills .container .center li:nth-child(2){transform:translate(10px,110px)}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h2{background:black;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h2:hover{background:black;transition:.5s}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h2:hover~h3{color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(2) h3{font-family:Lobster,cursive;color:#000;text-align:left;margin-left:-12px}body.DarkMode .Main .MySkills .container .center li:nth-child(3){transform:translate(-140px,42px)}body.DarkMode .Main .MySkills .container .center li:nth-child(3) h2{background:black;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.DarkMode .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black;transition:.5s}body.DarkMode .Main .MySkills .container .center li:nth-child(3) h2:hover~h3{color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(3) h3{font-family:Lobster,cursive;color:#000;text-align:left}body.DarkMode .Main .MySkills .container .center li:nth-child(4){transform:translate(7px,80px)}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h2{background:black;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h2:hover{background:black;transition:.5s}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h2:hover~h3{color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(4) h3{font-family:Lobster,cursive;color:#000;text-align:left;width:-moz-fit-content;width:fit-content;margin-left:-20px}body.DarkMode .Main .MySkills .container .center li:nth-child(5){transform:translate(160px,-145px)}body.DarkMode .Main .MySkills .container .center li:nth-child(5) h2{background:black;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.DarkMode .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black;transition:.5s}body.DarkMode .Main .MySkills .container .center li:nth-child(5) h2:hover~h3{color:#000}body.DarkMode .Main .MySkills .container .center li:nth-child(5) h3{font-family:Lobster,cursive;color:#000;text-align:left}body.DarkMode .Main .MySkills .container .right{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:30px}body.DarkMode .Main .MySkills .container .right p{margin-bottom:0;width:87%;font-size:22px}body.DarkMode .Main .MySkills .container .right a{margin:0}body.DarkMode .Main .MySkills .bottom{display:none}body.DarkMode .Main .MySelf{padding:50px 0;height:-moz-fit-content;height:fit-content;background-position:center}body.DarkMode .Main .MySelf header{border-top:2px solid white}body.DarkMode .Main .MySelf .one{display:flex;flex-direction:column;align-items:center;margin:20px 0;text-align:center;height:-moz-fit-content;height:fit-content}body.DarkMode .Main .MySelf .one .left{display:flex;flex-direction:column;align-items:center}body.DarkMode .Main .MySelf .one .left p{text-align:center;width:87%;margin-bottom:10px;font-size:20px}body.DarkMode .Main .MySelf .one .chess{display:none}body.DarkMode .Main .MySelf .one .right img{width:350px}body.DarkMode .Main .MySelf .two{display:flex;flex-direction:column-reverse;align-items:center;height:-moz-fit-content;height:fit-content;width:100%}body.DarkMode .Main .MySelf .two .right{width:100%;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}body.DarkMode .Main .MySelf .two .right p{text-align:center;width:87%;margin-bottom:10px;font-size:20px;text-shadow:2px 2px 4px black,-2px -2px 4px black,2px -2px 4px black,-2px 2px 4px black}body.DarkMode .Main .MySelf .two .right h1{text-shadow:2px 2px 4px black,-2px -2px 4px black,2px -2px 4px black,-2px 2px 4px black}body.DarkMode .Main .MySelf .two .chess{display:none}body.DarkMode .Main .MySelf .two .left img{width:320px;margin:40px 0}body.DarkMode .Main .MySelf .three{display:flex;flex-direction:column;align-items:center;height:-moz-fit-content;height:fit-content;margin:0}body.DarkMode .Main .MySelf .three .chess{display:none}body.DarkMode .Main .MySelf .three .left{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;margin:10px 0}body.DarkMode .Main .MySelf .three .left h1{color:#000}body.DarkMode .Main .MySelf .three .left p{text-align:center;width:87%;margin-bottom:10px;font-size:20px;color:#000}body.DarkMode .Main .MySelf .three .left a{background:black}body.DarkMode .Main .MySelf .three .right{margin:0;display:none}}@media (max-width: 509.9px){body.DarkMode .Main .Home .left .images{display:none}body.DarkMode .Main .MySkills{background-image:none;background:#B002FA}body.DarkMode .Main .MySkills header{border-top:1.5px solid black}body.DarkMode .Main .MySkills .container .left a{background:black;color:#b002fa}body.DarkMode .Main .MySkills .container .left p{color:#000}body.DarkMode .Main .MySkills .container .center li h2{background:black}body.DarkMode .Main .MySkills .container .center li h3{color:#000}body.DarkMode .Main .MySelf header{border-top:1.5px solid black}body.DarkMode .Main .MySelf .two p{text-shadow:unset}body.DarkMode .Main .MySelf .one .chess{display:none}body.DarkMode .Main .MySelf .three .left{color:#000}body.DarkMode .Main .MySelf .three .left a,body.DarkMode .Main .Navbar{background:black}body.DarkMode .Main .Navbar .logo2{margin:0}body.DarkMode .Main #close .phone{color:#fff}body.DarkMode .Main #close .sun2{display:none}body.DarkMode .Main #open{background:black}body.DarkMode .Main #open .phone{color:#fff}body.DarkMode .Main #open .sun2{left:20px;top:20px;margin:0;position:absolute}}body.DarkMode .FrontEnd .Navbar{transition:1s}body.DarkMode .FrontEnd .Navbar .logo2{display:none;width:150px;margin-left:125px;transition:1s}body.DarkMode .FrontEnd .Navbar .logo{display:block}body.DarkMode .FrontEnd .Navbar .navigation li a{color:#000;transition:1s}body.DarkMode .FrontEnd .Navbar .navigation li:first-letter{color:#fff}body.DarkMode .FrontEnd .Navbar .navigation li:hover a{color:#fff}body.DarkMode .FrontEnd .Navbar .modes li,body.DarkMode .FrontEnd .Navbar .x,body.DarkMode .FrontEnd .Navbar .phone{color:#000}body.DarkMode .FrontEnd .one{background-image:url("/assets/FrontEnd home B-ce307be2.svg");transition:1s}body.DarkMode .FrontEnd .one .left{color:#000;transition:1s}body.DarkMode .FrontEnd .one .left h2{border-bottom:1.5px solid black;transition:1s}body.DarkMode .FrontEnd .one .left a{background:black}body.DarkMode .FrontEnd .one .left a:hover{background:white}body.DarkMode .FrontEnd .two header{color:#000}body.DarkMode .FrontEnd .two header .imgB{display:block}body.DarkMode .FrontEnd .two header .imgW{display:none}body.DarkMode .FrontEnd .two header h3:before,body.DarkMode .FrontEnd .two header h3:after{border-bottom:1.5px solid black}body.DarkMode .FrontEnd .two header .circle{background:black}body.DarkMode .FrontEnd .two .mySwiper .slide .left h1{color:#000}body.DarkMode .FrontEnd .two .mySwiper .slide .left h1:first-letter{color:#fff}body.DarkMode .FrontEnd .two .mySwiper .slide .left p{color:#000}body.DarkMode .FrontEnd .two .mySwiper .slide .left p:first-letter{color:#fff;font-weight:800}body.DarkMode .FrontEnd .two .mySwiper .slide .left button{background:black}body.DarkMode .FrontEnd .two .mySwiper .slide .left button:first-letter{color:#fff}body.DarkMode .FrontEnd .two .mySwiper .slide .right h1{color:#000}body.DarkMode .FrontEnd .two .mySwiper .slide .right h1:first-letter{color:#fff}body.DarkMode .FrontEnd .two .mySwiper .slide .right p{color:#000}body.DarkMode .FrontEnd .two .mySwiper .slide .right p:first-letter{color:#fff;font-weight:800}body.DarkMode .FrontEnd .two .mySwiper .slide .right button{background:black}body.DarkMode .FrontEnd .two .mySwiper .slide .right button:first-letter{color:#fff}body.DarkMode .FrontEnd .three{background-image:url("/assets/FronEnd 3 B-36c2e586.svg")}body.DarkMode .FrontEnd .three .top{color:#fff}body.DarkMode .FrontEnd .three .bottom .img3{display:block;position:relative;left:-280px;height:120px;width:60px;top:140px}body.DarkMode .FrontEnd .three .bottom .img1{display:none}body.DarkMode .FrontEnd .four{background-image:url("/assets/FrontEnd slider B-a04bd687.svg")}body.DarkMode .FrontEnd .four .mySwiper .slide .box h3{color:#fff}body.DarkMode .FrontEnd .four .mySwiper .swiper-pagination-bullet{background:white}body.DarkMode .GraphicDesign .one{background-image:url(/assets/GraphicDesign\ B-79c473ac.svg);background-position:center;transition:1s}body.DarkMode .GraphicDesign .one .left{color:#fff;transition:1s}body.DarkMode .GraphicDesign .one .left a{color:#000}body.DarkMode .GraphicDesign .one .left a:hover{background:white}body.DarkMode .GraphicDesign .one .right .links a{background:black}body.DarkMode .GraphicDesign .one .right .links a:hover{background:white}body.DarkMode .GraphicDesign .one .right{transition:1s}body.DarkMode .GraphicDesign .two{background-image:url("/assets/GraphicDesign 2 B-19e9fb8f.svg")}body.DarkMode .GraphicDesign .two .top{color:#000}body.DarkMode .GraphicDesign .two .top a{background:black;color:#fff}body.DarkMode .GraphicDesign .two .top a:hover{color:#000;background:white}body.DarkMode .GraphicDesign .two .bottom .box{color:#000}body.DarkMode .GraphicDesign .two .bottom .box button{background:black;color:#fff}body.DarkMode .GraphicDesign .two .bottom .box button:hover{background:white;color:#b002fa}body.DarkMode .GraphicDesign .two .bottom .box .chart .first{background:white}body.DarkMode .GraphicDesign .two .bottom .box .chart .first .second{background:black}@media (min-width: 1070px) and (max-width: 1599.9px){body.DarkMode .GraphicDesign{background:black}body.DarkMode .GraphicDesign .Navbar{background:none;position:absolute;border:none;background:inherit}body.DarkMode .GraphicDesign .one{margin:0}body.DarkMode .GraphicDesign .one .right .img{margin:0;position:relative;right:100px;top:70px}body.DarkMode .GraphicDesign .two{margin-top:-40px}}@media (min-width: 850px) and (max-width: 1069.9px){body.DarkMode .GraphicDesign{background:black}body.DarkMode .GraphicDesign .Navbar{background:none;position:absolute;border:none;background:inherit}body.DarkMode .GraphicDesign .one{margin:0}body.DarkMode .GraphicDesign .one .right .img{margin:0;position:relative;right:100px;top:70px}body.DarkMode .GraphicDesign .two{margin-top:-40px}}@media (min-width: 510px) and (max-width: 849.9px){body.DarkMode .GraphicDesign{background:black}body.DarkMode .GraphicDesign .Navbar{background:inherit;margin:0;top:0}body.DarkMode .GraphicDesign .one{margin:0;padding-top:100px;height:125vh}body.DarkMode .GraphicDesign .two{margin-top:-30px}}@media (max-width: 509.9px){body.DarkMode .GraphicDesign .Navbar{background:black}body.DarkMode .GraphicDesign .Navbar .logo2{margin:0}body.DarkMode .GraphicDesign #close .phone{color:#fff}body.DarkMode .GraphicDesign #close .sun2{display:none}body.DarkMode .GraphicDesign #open{background:black}body.DarkMode .GraphicDesign #open .phone{color:#fff}body.DarkMode .GraphicDesign #open .sun2{left:20px;top:20px;margin:0;position:absolute}body.DarkMode .GraphicDesign .one{margin:0;padding:100px 0 0;height:-moz-fit-content;height:fit-content;overflow:hidden}body.DarkMode .GraphicDesign .two{margin-top:-50px;border-top:1.5px solid black}}body.BlueMode .Navbar .navigation li:first-letter{color:#00f}body.BlueMode .Navbar .navigation li:hover a{color:#00f}body.BlueMode .Navbar .logo{display:none}body.BlueMode .Navbar .logo3{display:block;width:150px;margin-left:125px}@media (min-width: 1600px){body.BlueMode .Navbar{height:90px;max-width:1705px}body.BlueMode .Navbar .logo{width:200px}body.BlueMode .Navbar .navigation li{font-size:37px}body.BlueMode .Navbar .sun{width:55px;height:55px;left:-130px}body.BlueMode .Navbar .modes li{font-size:37px}body.BlueMode .Navbar .x{font-size:52px;transform:translate(-135px)}}@media (min-width: 1070px) and (max-width: 1599.9px){body.BlueMode .Navbar{justify-content:space-around}body.BlueMode .Navbar .logo{width:180px;margin-left:25px}body.BlueMode .Navbar .navigation li{font-size:32px}body.BlueMode .Navbar .sun{width:45px;height:45px;left:-30px}body.BlueMode .Navbar .modes li{font-size:33px}body.BlueMode .Navbar .x{font-size:48px;transform:translate(-135px)}}@media (min-width: 850px) and (max-width: 1069.9px){body.BlueMode .Navbar{justify-content:space-between}body.BlueMode .Navbar .logo{width:180px;margin-left:25px}body.BlueMode .Navbar .navigation{margin-left:15px}body.BlueMode .Navbar .navigation li{font-size:30px}body.BlueMode .Navbar .sun{width:45px;height:45px;left:-30px}body.BlueMode .Navbar .modes li{font-size:25px}body.BlueMode .Navbar .x{font-size:45px;translate:60px -8px}}@media (min-width: 510px) and (max-width: 849.9px){body.BlueMode .Navbar{justify-content:space-around;align-items:center;margin:0;top:10px}body.BlueMode .Navbar .logo{margin:0;width:110px}body.BlueMode .Navbar .navigation{margin-left:10px;margin-top:0}body.BlueMode .Navbar .navigation li{font-size:20px;margin:0 5px;width:-moz-fit-content;width:fit-content}body.BlueMode .Navbar .modes{margin:0}body.BlueMode .Navbar .modes li{font-size:17px;margin:0 5px}body.BlueMode .Navbar .sun{width:28px;height:28px;margin:0;left:0;top:0}body.BlueMode .Navbar .x{font-size:35px;position:relative;z-index:10;right:10px;top:10px;transform:translate(-500px)}}@media (max-width: 509.9px){body.BlueMode #close{justify-content:center;transition:1s}body.BlueMode #close .logo3{margin:0}body.BlueMode #close .navigation,body.BlueMode #close .sun{opacity:0;position:absolute;top:-100px}body.BlueMode #close .phone{display:block;position:absolute;font-size:27px;color:#00f;cursor:pointer;top:20px;right:20px}body.BlueMode #open{display:flex;flex-direction:column;align-items:center;gap:15px;background:blue;height:-moz-fit-content;height:fit-content;padding-bottom:200px;border-bottom:1.5px solid black}body.BlueMode #open .phone{display:block;position:absolute;font-size:27px;color:#fff;cursor:pointer;top:20px;right:20px}body.BlueMode #open .logo3{margin:0}body.BlueMode #open .navigation,body.BlueMode #open .sun{opacity:1;position:relative;top:0;transition:1s}body.BlueMode #open .navigation{margin:0;flex-direction:column;align-items:center;gap:20px}body.BlueMode #open .navigation li:first-letter{color:#fff}body.BlueMode #open .modes{flex-direction:column;align-items:center;gap:10px}body.BlueMode #open .sun{position:absolute;top:20px;left:20px}}body.BlueMode .Footer{background:blue}body.BlueMode .Footer .links a,body.BlueMode .Footer h2 .name span{color:#00f}body.BlueMode .Main .Home{background-image:url(/assets/Home\ blue-f16928fd.svg)}body.BlueMode .Main .Home .right{transition:1s}body.BlueMode .Main .Home .right .main2{display:block;width:230px;margin:160px 164px 0;transition:1s}body.BlueMode .Main .Home .right .main1{display:none}body.BlueMode .Main .Home .right .links a{background:blue;transition:1s}body.BlueMode .Main .Home .right h3:first-letter{color:#00f}body.BlueMode .Main .Home .left{transition:1s}body.BlueMode .Main .Home .left button{background:blue;color:#fff;transition:1s}body.BlueMode .Main .Home .left button:hover{background:black}body.BlueMode .Main .Home .left h1 span:nth-child(2){color:#00f;font-size:60px}body.BlueMode .Main .Home .left h1 span:nth-child(3){color:#00f;font-size:60px}body.BlueMode .Main .MySkills{background-image:url(/assets/MySkills\ blue-242a9b86.svg)}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2{background:blue}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h3{color:#00f}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2{background:blue}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h3{color:#00f}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2{background:blue}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h3{color:#00f}body.BlueMode .Main .MySkills .container .left p{color:#00f}body.BlueMode .Main .MySkills .container .left a{background:blue}body.BlueMode .Main .MySkills .container .left a:hover{background:black}body.BlueMode .Main .MySkills .container .right a{color:#00f}body.BlueMode .Main .MySkills .container .right a:hover{background:black}body.BlueMode .Main .MySkills .bottom h2{color:#00f}body.BlueMode .Main .MySelf{background-image:url(/assets/MySelf\ blue-5472df01.svg)}body.BlueMode .Main .MySelf .one .left a{color:#00f}body.BlueMode .Main .MySelf .one .chess{margin-top:200px}body.BlueMode .Main .MySelf .one .chess img:nth-child(1){left:162px;top:148px;transform:rotate(-15deg)}body.BlueMode .Main .MySelf .one .chess img:nth-child(2){left:94px;top:86px;transform:rotate(-10deg)}body.BlueMode .Main .MySelf .one .chess img:nth-child(3){left:32px;top:28px;transform:rotate(-5deg)}body.BlueMode .Main .MySelf .one .chess img:nth-child(4){left:-28px;top:-25px;transform:rotate(-2deg)}body.BlueMode .Main .MySelf .two .left img{margin-left:-42px}body.BlueMode .Main .MySelf .two .right{color:#00f}body.BlueMode .Main .MySelf .two .right h1{border-bottom:1.5px solid blue}body.BlueMode .Main .MySelf .two .right a{color:#00f;border:1.5px solid blue}body.BlueMode .Main .MySelf .two .right a:hover{background:blue;color:#fff}body.BlueMode .Main .MySelf .three .left{color:#00f}body.BlueMode .Main .MySelf .three .left h1{border-bottom:1.5px solid blue}body.BlueMode .Main .MySelf .three .left a{color:#00f;border:1.5px solid blue}body.BlueMode .Main .MySelf .three .left a:hover{background:blue;color:#fff}body.BlueMode .Main .MySelf .three .chess{margin-top:0}body.BlueMode .Main .MySelf .three .chess img:nth-child(1){left:220px;top:-20px;transform:rotate(15deg)}body.BlueMode .Main .MySelf .three .chess img:nth-child(2){left:172px;top:-59px;transform:rotate(10deg)}body.BlueMode .Main .MySelf .three .chess img:nth-child(3){left:125px;top:-106px;transform:rotate(4deg)}body.BlueMode .Main .MySelf .three .chess img:nth-child(4){left:163px;top:-92px;transform:rotate(20deg)}body.BlueMode .Main .Contact{background-image:url(/assets/Contact\ blue-a8ebaf20.svg)}body.BlueMode .Main .Contact header{color:#00f}body.BlueMode .Main .Contact header .imgB{display:block}body.BlueMode .Main .Contact header .imgW{display:none}body.BlueMode .Main .Contact header h3:before,body.BlueMode .Main .Contact header h3:after{border-bottom:1.5px solid blue}body.BlueMode .Main .Contact header .circle{background:blue}body.BlueMode .Main .Contact .container .left{color:#00f}body.BlueMode .Main .Contact .container .left .email i{background:blue}body.BlueMode .Main .Contact .container .center form label{color:#00f}body.BlueMode .Main .Contact .container .center form input,body.BlueMode .Main .Contact .container .center form textarea{border:1.5px solid blue;color:#00f}body.BlueMode .Main .Contact .container .center form button{background:blue}body.BlueMode .Main .Contact .container .center form button:hover{background-color:#000}body.BlueMode .Main .Contact .container .right .img1{display:none}body.BlueMode .Main .Contact .container .right .img2{display:block}body.BlueMode .Main .swiper{background-image:url(/assets/slider\ blue-b7c04958.svg)}@media (min-width: 1600px){body.BlueMode .Main .Home .right .main2{width:310px;margin:180px 150px 0}body.BlueMode .Main .Home .left .images .night{width:200px;top:47px;left:100px;transform:rotate(-3deg)}body.BlueMode .Main .Home .left .images .queen{width:200px;top:114px;left:22px;transform:rotate(0)}body.BlueMode .Main .MySkills .container .center li:nth-child(1){transform:translate(100px,-10px)}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2{width:100px;height:100px;background:white}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2 img{width:70px}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h3{font-size:26px;color:#fff}body.BlueMode .Main .MySkills .container .center li:nth-child(2){transform:translate(-40px,10px)}body.BlueMode .Main .MySkills .container .center li:nth-child(2) h2{width:100px;height:100px;background:blue}body.BlueMode .Main .MySkills .container .center li:nth-child(2) h2 img{width:70px}body.BlueMode .Main .MySkills .container .center li:nth-child(2) h3{font-size:26px;color:#00f}body.BlueMode .Main .MySkills .container .center li:nth-child(3){transform:translate(270px,-33px)}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2{width:100px;height:100px;background:white}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2 img{width:70px}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h3{font-size:26px;margin-left:7px;color:#fff}body.BlueMode .Main .MySkills .container .center li:nth-child(4){transform:translate(70px,-50px)}body.BlueMode .Main .MySkills .container .center li:nth-child(4) h2{width:100px;height:100px;background:blue}body.BlueMode .Main .MySkills .container .center li:nth-child(4) h2 img{width:70px}body.BlueMode .Main .MySkills .container .center li:nth-child(4) h3{font-size:26px;width:-moz-fit-content;width:fit-content;color:#00f}body.BlueMode .Main .MySkills .container .center li:nth-child(5){transform:translate(390px,-85px)}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2{width:100px;height:100px;background:white}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2 img{width:70px}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h3{font-size:26px;color:#fff}body.BlueMode .Main .MySelf .chess{opacity:0}}@media (min-width: 1070px) and (max-width: 1599.9px){body.BlueMode .Main .Home .right .main2{margin:165px 140px 0}body.BlueMode .Main .Home .right .links{margin:0}body.BlueMode .Main .Home .left .images{position:relative;top:0}}@media (min-width: 850px) and (max-width: 1069.9px){body.BlueMode .Main .Navbar .logo3{margin:0 50px}body.BlueMode .Main .Home .right .main2{margin:165px 40px 0}body.BlueMode .Main .Home .right .links{margin:0}body.BlueMode .Main .Home .left .images{position:relative;top:15px}body.BlueMode .Main .MySelf .one .chess{opacity:0}}@media (min-width: 510px) and (max-width: 849.9px){body.BlueMode .Main .Navbar .logo3{margin:0 20px}body.BlueMode .Main .Home .right .main2{margin:0}body.BlueMode .Main .MySkills{background-image:none;background:blue;padding-bottom:40px}body.BlueMode .Main .MySkills .container{display:flex;flex-direction:column;align-items:center}body.BlueMode .Main .MySkills .container .left,body.BlueMode .Main .MySkills .container .center,body.BlueMode .Main .MySkills .container .right{margin:0}body.BlueMode .Main .MySkills .container .left{display:flex;flex-direction:column-reverse;align-items:center;gap:30px;text-align:center;margin-top:35px}body.BlueMode .Main .MySkills .container .left p{color:#fff;text-align:center;margin:0;width:87%;font-size:22px}body.BlueMode .Main .MySkills .container .left a{background:white;color:#00f}body.BlueMode .Main .MySkills .container .center li:nth-child(1){transform:translate(10px,40px)}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black;transition:.5s}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2:hover~h3{color:#000}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-13px}body.BlueMode .Main .MySkills .container .center li:nth-child(2){transform:translate(10px,110px)}body.BlueMode .Main .MySkills .container .center li:nth-child(2) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.BlueMode .Main .MySkills .container .center li:nth-child(2) h2:hover{background:black;transition:.5s}body.BlueMode .Main .MySkills .container .center li:nth-child(2) h2:hover~h3{color:#000}body.BlueMode .Main .MySkills .container .center li:nth-child(2) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-12px}body.BlueMode .Main .MySkills .container .center li:nth-child(3){transform:translate(-140px,42px)}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black;transition:.5s}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2:hover~h3{color:#000}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body.BlueMode .Main .MySkills .container .center li:nth-child(4){transform:translate(7px,80px)}body.BlueMode .Main .MySkills .container .center li:nth-child(4) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.BlueMode .Main .MySkills .container .center li:nth-child(4) h2:hover{background:black;transition:.5s}body.BlueMode .Main .MySkills .container .center li:nth-child(4) h2:hover~h3{color:#000}body.BlueMode .Main .MySkills .container .center li:nth-child(4) h3{font-family:Lobster,cursive;color:#fff;text-align:left;width:-moz-fit-content;width:fit-content;margin-left:-20px}body.BlueMode .Main .MySkills .container .center li:nth-child(5){transform:translate(160px,-145px)}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black;transition:.5s}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2:hover~h3{color:#000}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body.BlueMode .Main .MySkills .container .right{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:30px}body.BlueMode .Main .MySkills .container .right p{margin-bottom:0;width:87%;font-size:22px}body.BlueMode .Main .MySkills .container .right a{margin:0}body.BlueMode .Main .MySelf{margin-top:-40px}body.BlueMode .Main .MySelf .three .left{color:#fff}}@media (max-width: 509.9px){body.BlueMode .Main .Home .left .images{display:none}body.BlueMode .Main .Home .left button{color:#00f;background:white}body.BlueMode .Main .Home .right{margin:0}body.BlueMode .Main .Home .right .main2{margin:0;left:60px;width:230px;bottom:-60px;z-index:0}body.BlueMode .Main .Home .right .links{margin:0;position:relative;left:40px;top:-30px}body.BlueMode .Main .Home .right .links a{font-size:28px;padding:0;width:50px;display:grid;margin:25px 0;justify-content:center;align-items:center;height:50px}body.BlueMode .Main .Home .right .links h3{margin-top:-50px}body.BlueMode .Main .Home .right .links h3:first-letter{color:#fff}body.BlueMode .Main .MySkills{background-image:none;background:blue;padding-bottom:50px}body.BlueMode .Main .MySkills header{border-top:1.5px solid white}body.BlueMode .Main .MySkills .container .left a{background:white;color:#00f}body.BlueMode .Main .MySkills .container .left p{color:#fff}body.BlueMode .Main .MySkills .container .center li h2{background:white}body.BlueMode .Main .MySkills .container .center li h3{color:#fff}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2{background:white}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black}body.BlueMode .Main .MySkills .container .center li:nth-child(1) h3{color:#fff}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2{background:white}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black}body.BlueMode .Main .MySkills .container .center li:nth-child(3) h3{color:#fff}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2{background:white}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black}body.BlueMode .Main .MySkills .container .center li:nth-child(5) h3{color:#fff}body.BlueMode .Main .MySelf{padding:0 0 50px}body.BlueMode .Main .MySelf header{border-top:1.5px solid white}body.BlueMode .Main .MySelf .two p{text-shadow:unset}body.BlueMode .Main .MySelf .one .chess{display:none}body.BlueMode .Main .MySelf .three p{color:#fff;border-top:1px solid white}body.BlueMode .Main .MySelf .three h1{color:#fff;text-shadow:2px 2px 4px blue,-2px -2px 4px blue,2px -2px 4px blue,-2px 2px 4px blue}body.BlueMode .Main .Navbar .logo4{margin:0}body.BlueMode .Main #close .phone{color:#00f}body.BlueMode .Main #close .sun2{display:none}body.BlueMode .Main #open{background:blue}body.BlueMode .Main #open .phone{color:#fff}body.BlueMode .Main #open .sun2{left:20px;top:20px;margin:0;position:absolute}}body.BlueMode .FrontEnd .Navbar .logo{display:block}body.BlueMode .FrontEnd .Navbar .phone{color:#fff}body.BlueMode .FrontEnd .Navbar .navigation li:first-letter{color:#000}body.BlueMode .FrontEnd .Navbar .navigation li:hover a{color:#000}body.BlueMode .FrontEnd #close .phone{color:#fff}body.BlueMode .FrontEnd .one{background-image:url("/assets/FrontEnd home blue-1e684333.svg")}body.BlueMode .FrontEnd .one .left{transition:1s}body.BlueMode .FrontEnd .one .left a{color:#00f;transition:1s}body.BlueMode .FrontEnd .one .left h1,body.BlueMode .FrontEnd .one .left p{transition:1s}body.BlueMode .FrontEnd .two{background:blue}body.BlueMode .FrontEnd .two .mySwiper .slide .left button,body.BlueMode .FrontEnd .two .mySwiper .slide .left button:hover{color:#00f}body.BlueMode .FrontEnd .two .mySwiper .slide .left button:hover:first-letter{color:#00f}body.BlueMode .FrontEnd .two .mySwiper .slide .right button,body.BlueMode .FrontEnd .two .mySwiper .slide .right button:hover{color:#00f}body.BlueMode .FrontEnd .two .mySwiper .slide .right button:hover:first-letter{color:#00f}body.BlueMode .FrontEnd .three{background-image:url("/assets/FrontEnd 3 blue-e4030d28.svg")}body.BlueMode .FrontEnd .three .bottom .img2{display:none}body.BlueMode .FrontEnd .three .bottom .img4{display:block;width:420px;margin-right:60px}body.BlueMode .FrontEnd .three .bottom .img1{top:20px}body.BlueMode .FrontEnd .three .top h1:first-letter{color:#00f}body.BlueMode .FrontEnd .three .top h1{border-bottom:2px solid blue}body.BlueMode .FrontEnd .three .top p span{color:#00f}body.BlueMode .FrontEnd .three .top p:first-letter{color:#00f}body.BlueMode .FrontEnd .three .top a{background:blue}body.BlueMode .FrontEnd .three .top a:hover{background:black}body.BlueMode .FrontEnd .four{background-image:url("/assets/FrontEnd slider blue-5078edd7.svg")}body.BlueMode .FrontEnd .four .mySwiper .swiper-pagination-bullet{background:blue}@media (min-width: 510px) and (max-width: 849.9px){body.BlueMode .FrontEnd .three .bottom .img2{display:none}body.BlueMode .FrontEnd .three .bottom .img4{display:block;width:420px;margin:0}body.BlueMode .FrontEnd .three .bottom .img1{top:20px}}@media (max-width: 509.9px){body.BlueMode .FrontEnd .one{background-image:none;background:blue;border-bottom:1.5px solid white}body.BlueMode .FrontEnd .three .bottom{display:flex;flex-direction:column;align-items:center}body.BlueMode .FrontEnd .three .bottom .img4{width:340px}body.BlueMode .FrontEnd .three .bottom .img1{display:none}body.BlueMode .FrontEnd .three .bottom .img4{margin:0}}body.BlueMode .GraphicDesign .one{background-image:url(/assets/GraphicDesign\ blue-208b6f75.svg)}body.BlueMode .GraphicDesign .one .left h1:first-letter{color:#00f}body.BlueMode .GraphicDesign .one .left h1{border-bottom:2px solid blue}body.BlueMode .GraphicDesign .one .left a{background:blue}body.BlueMode .GraphicDesign .one .left a:hover{background:black}body.BlueMode .GraphicDesign .two{background-image:url("/assets/GraphicDesign 2 blue-f594e317.svg")}body.BlueMode .GraphicDesign .two .top h1:first-letter{color:#0000b9}body.BlueMode .GraphicDesign .two .top a{color:#00f}body.BlueMode .GraphicDesign .two .top a:hover{background:blue;color:#fff}body.BlueMode .GraphicDesign .two .bottom .box{background:blue}body.BlueMode .GraphicDesign .two .bottom .box button{color:#00f}body.BlueMode .GraphicDesign .two .bottom .box:nth-child(1) h3:first-letter{color:#000092}body.BlueMode .GraphicDesign .two .all{background:blue}@media (min-width: 1070px) and (max-width: 1599.9px){body.BlueMode .GraphicDesign .two{margin-top:-40px;padding-top:50px}body.BlueMode .GraphicDesign .one{background-size:cover;margin-top:-20px;height:110vh}}@media (min-width: 850px) and (max-width: 1069.9px){body.BlueMode .GraphicDesign .two{margin-top:-40px;padding-top:50px}body.BlueMode .GraphicDesign .one{background-size:cover;margin-top:-20px;height:110vh}}@media (min-width: 510px) and (max-width: 849.9px){body.BlueMode .GraphicDesign .Navbar{background:white}body.BlueMode .GraphicDesign .Navbar .logo3{margin:0}body.BlueMode .GraphicDesign .two{margin-top:-40px;padding-top:50px}body.BlueMode .GraphicDesign .one{background-size:cover;padding-top:120px;margin-top:-20px;height:135vh}}@media (max-width: 509.9px){body.BlueMode .GraphicDesign .Navbar{background:white}body.BlueMode .GraphicDesign .Navbar .logo2{margin:0}body.BlueMode .GraphicDesign #close .phone{color:#00f}body.BlueMode .GraphicDesign #close .sun2{display:none}body.BlueMode .GraphicDesign #open{background:blue}body.BlueMode .GraphicDesign #open .phone{color:#fff}body.BlueMode .GraphicDesign #open .sun2{left:20px;top:20px;margin:0;position:absolute}body.BlueMode .GraphicDesign .one{margin:0;padding:100px 0 0;height:-moz-fit-content;height:fit-content;overflow:hidden}body.BlueMode .GraphicDesign .two{margin-top:-50px;border-top:1.5px solid black}}body.RedMode .Navbar .navigation li:first-letter{color:red}body.RedMode .Navbar .navigation li:hover a{color:red}body.RedMode .Navbar .logo{display:none}body.RedMode .Navbar .logo4{display:block;width:150px;margin-left:125px}@media (min-width: 1600px){body.RedMode .Navbar{height:90px;max-width:1705px}body.RedMode .Navbar .logo{width:200px}body.RedMode .Navbar .navigation li{font-size:37px}body.RedMode .Navbar .sun{width:55px;height:55px;left:-130px}body.RedMode .Navbar .modes li{font-size:37px}body.RedMode .Navbar .x{font-size:52px;transform:translate(-135px)}}@media (min-width: 1070px) and (max-width: 1599.9px){body.RedMode .Navbar{justify-content:space-around}body.RedMode .Navbar .logo{width:180px;margin-left:25px}body.RedMode .Navbar .navigation li{font-size:32px}body.RedMode .Navbar .sun{width:45px;height:45px;left:-30px}body.RedMode .Navbar .modes li{font-size:33px}body.RedMode .Navbar .x{font-size:48px;transform:translate(-135px)}}@media (min-width: 850px) and (max-width: 1069.9px){body.RedMode .Navbar{justify-content:space-between}body.RedMode .Navbar .logo{width:180px;margin-left:25px}body.RedMode .Navbar .navigation{margin-left:15px}body.RedMode .Navbar .navigation li{font-size:30px}body.RedMode .Navbar .sun{width:45px;height:45px;left:-30px}body.RedMode .Navbar .modes li{font-size:25px}body.RedMode .Navbar .x{font-size:45px;translate:60px -8px}}@media (min-width: 510px) and (max-width: 849.9px){body.RedMode .Navbar{justify-content:space-around;align-items:center;margin:0;top:10px}body.RedMode .Navbar .logo{margin:0;width:110px}body.RedMode .Navbar .navigation{margin-left:10px;margin-top:0}body.RedMode .Navbar .navigation li{font-size:20px;margin:0 5px;width:-moz-fit-content;width:fit-content}body.RedMode .Navbar .modes{margin:0}body.RedMode .Navbar .modes li{font-size:17px;margin:0 5px}body.RedMode .Navbar .sun{width:28px;height:28px;margin:0;left:0;top:0}body.RedMode .Navbar .x{font-size:35px;position:relative;z-index:10;right:10px;top:10px;transform:translate(-500px)}}@media (max-width: 509.9px){body.RedMode #close{justify-content:center;transition:1s}body.RedMode #close .navigation,body.RedMode #close .sun{opacity:0;position:absolute;top:-100px}body.RedMode #close .phone{display:block;position:absolute;font-size:27px;color:#fff;cursor:pointer;top:20px;right:20px}body.RedMode #open{display:flex;flex-direction:column;align-items:center;gap:15px;background:red;height:-moz-fit-content;height:fit-content;padding-bottom:200px;border-bottom:1.5px solid black}body.RedMode #open .phone{display:block;position:absolute;font-size:27px;color:#fff;cursor:pointer;top:20px;right:20px}body.RedMode #open .navigation,body.RedMode #open .sun{opacity:1;position:relative;top:0;transition:1s}body.RedMode #open .navigation{flex-direction:column;align-items:center;gap:20px}body.RedMode #open .navigation li:first-letter{color:#fff}body.RedMode #open .modes{flex-direction:column;align-items:center;gap:10px}body.RedMode #open .sun{position:absolute;top:20px;left:20px}}body.RedMode .Footer{background:red}body.RedMode .Footer .links a,body.RedMode .Footer h2 .name span{color:red}body.RedMode .Main .Home{background-image:url(/assets/Home\ Red-9f8f87cd.svg)}body.RedMode .Main .Home .right{transition:1s}body.RedMode .Main .Home .right .main3{display:block;width:230px;margin:160px 164px 0;transition:1s}body.RedMode .Main .Home .right .main1{display:none}body.RedMode .Main .Home .right .links a{background:red;transition:1s}body.RedMode .Main .Home .right h3:first-letter{color:red}body.RedMode .Main .Home .left{transition:1s}body.RedMode .Main .Home .left button{background:red;transition:1s}body.RedMode .Main .Home .left button:hover{background:black}body.RedMode .Main .Home .left h1 span:nth-child(2){color:red;font-size:60px}body.RedMode .Main .Home .left h1 span:nth-child(3){color:red;font-size:60px}body.RedMode .Main .MySkills{background-image:url(/assets/MySkills\ Red-c56551e4.svg)}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2{background:red}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black}body.RedMode .Main .MySkills .container .center li:nth-child(1) h3{color:red}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2{background:red}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black}body.RedMode .Main .MySkills .container .center li:nth-child(3) h3{color:red}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2{background:red}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black}body.RedMode .Main .MySkills .container .center li:nth-child(5) h3{color:red}body.RedMode .Main .MySkills .container .left p{color:red}body.RedMode .Main .MySkills .container .left a{background:red}body.RedMode .Main .MySkills .container .left a:hover{background:black}body.RedMode .Main .MySkills .container .right a{color:red}body.RedMode .Main .MySkills .container .right a:hover{background:black}body.RedMode .Main .MySkills .bottom h2{color:red}body.RedMode .Main .MySelf{background-image:url(/assets/MySelf\ Red-fc767acf.svg)}body.RedMode .Main .MySelf .one .left a{color:red}body.RedMode .Main .MySelf .one .chess{margin-top:200px}body.RedMode .Main .MySelf .one .chess img:nth-child(1){left:162px;top:148px;transform:rotate(-15deg)}body.RedMode .Main .MySelf .one .chess img:nth-child(2){left:94px;top:86px;transform:rotate(-10deg)}body.RedMode .Main .MySelf .one .chess img:nth-child(3){left:32px;top:28px;transform:rotate(-5deg)}body.RedMode .Main .MySelf .one .chess img:nth-child(4){left:-28px;top:-25px;transform:rotate(-2deg)}body.RedMode .Main .MySelf .two .left img{margin-left:-42px}body.RedMode .Main .MySelf .two .right{color:red}body.RedMode .Main .MySelf .two .right h1{border-bottom:1.5px solid red}body.RedMode .Main .MySelf .two .right a{color:red;border:1.5px solid red}body.RedMode .Main .MySelf .two .right a:hover{background:red;color:#fff}body.RedMode .Main .MySelf .three .left{color:red}body.RedMode .Main .MySelf .three .left h1{border-bottom:1.5px solid red}body.RedMode .Main .MySelf .three .left a{color:red;border:1.5px solid red}body.RedMode .Main .MySelf .three .left a:hover{background:red;color:#fff}body.RedMode .Main .MySelf .three .chess{margin-top:0}body.RedMode .Main .MySelf .three .chess img:nth-child(1){left:220px;top:-20px;transform:rotate(15deg)}body.RedMode .Main .MySelf .three .chess img:nth-child(2){left:172px;top:-59px;transform:rotate(10deg)}body.RedMode .Main .MySelf .three .chess img:nth-child(3){left:125px;top:-106px;transform:rotate(4deg)}body.RedMode .Main .MySelf .three .chess img:nth-child(4){left:163px;top:-92px;transform:rotate(20deg)}body.RedMode .Main .Contact{background-image:url(/assets/Contact\ Red-9b7f7b30.svg)}body.RedMode .Main .Contact header{color:red}body.RedMode .Main .Contact header .imgB{display:block}body.RedMode .Main .Contact header .imgW{display:none}body.RedMode .Main .Contact header h3:before,body.RedMode .Main .Contact header h3:after{border-bottom:1.5px solid red}body.RedMode .Main .Contact header .circle{background:red}body.RedMode .Main .Contact .container .left{color:red}body.RedMode .Main .Contact .container .left .email i{background:red}body.RedMode .Main .Contact .container .center form label{color:red}body.RedMode .Main .Contact .container .center form input,body.RedMode .Main .Contact .container .center form textarea{border:1.5px solid red;color:red}body.RedMode .Main .Contact .container .center form button{background:red}body.RedMode .Main .Contact .container .center form button:hover{background-color:#000}body.RedMode .Main .Contact .container .right .img1{display:none}body.RedMode .Main .Contact .container .right .img3{display:block}body.RedMode .Main .swiper{background-image:url(/assets/slider\ Red-c052b5b5.svg)}@media (min-width: 1600px){body.RedMode .Main .Home .right .main3{width:310px;margin:180px 150px 0}body.RedMode .Main .Home .left .images .night{width:200px;top:47px;left:100px;transform:rotate(-3deg)}body.RedMode .Main .Home .left .images .queen{width:200px;top:114px;left:22px;transform:rotate(0)}body.RedMode .Main .MySkills .container .center li:nth-child(1){transform:translate(100px,-10px)}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2{width:100px;height:100px;background:white}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2 img{width:70px}body.RedMode .Main .MySkills .container .center li:nth-child(1) h3{font-size:26px;color:#fff}body.RedMode .Main .MySkills .container .center li:nth-child(2){transform:translate(-40px,10px)}body.RedMode .Main .MySkills .container .center li:nth-child(2) h2{width:100px;height:100px;background:red}body.RedMode .Main .MySkills .container .center li:nth-child(2) h2 img{width:70px}body.RedMode .Main .MySkills .container .center li:nth-child(2) h3{font-size:26px;color:red}body.RedMode .Main .MySkills .container .center li:nth-child(3){transform:translate(270px,-33px)}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2{width:100px;height:100px;background:white}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2 img{width:70px}body.RedMode .Main .MySkills .container .center li:nth-child(3) h3{font-size:26px;margin-left:7px;color:#fff}body.RedMode .Main .MySkills .container .center li:nth-child(4){transform:translate(70px,-50px)}body.RedMode .Main .MySkills .container .center li:nth-child(4) h2{width:100px;height:100px;background:red}body.RedMode .Main .MySkills .container .center li:nth-child(4) h2 img{width:70px}body.RedMode .Main .MySkills .container .center li:nth-child(4) h3{font-size:26px;width:-moz-fit-content;width:fit-content;color:red}body.RedMode .Main .MySkills .container .center li:nth-child(5){transform:translate(390px,-85px)}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2{width:100px;height:100px;background:white}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2 img{width:70px}body.RedMode .Main .MySkills .container .center li:nth-child(5) h3{font-size:26px;color:#fff}body.RedMode .Main .MySelf .chess{opacity:0}}@media (min-width: 1070px) and (max-width: 1599.9px){body.RedMode .Main .Home .right .main3{margin:165px 140px 0}body.RedMode .Main .Home .right .links{margin:0}body.RedMode .Main .Home .left .images{position:relative;top:0}}@media (min-width: 850px) and (max-width: 1069.9px){body.RedMode .Main .Navbar .logo3{margin:0 50px}body.RedMode .Main .Home .right .main3{margin:165px 40px 0}body.RedMode .Main .Home .right .links{margin:0}body.RedMode .Main .Home .left .images{position:relative;top:15px}body.RedMode .Main .MySelf .one .chess{opacity:0}}@media (min-width: 510px) and (max-width: 849.9px){body.RedMode .Main .Navbar .logo4{margin:0 20px}body.RedMode .Main .Home .right .main3{margin:0}body.RedMode .Main .Home .left button{color:#fff}body.RedMode .Main .MySkills{background-image:none;background:red;padding-bottom:40px}body.RedMode .Main .MySkills .container{display:flex;flex-direction:column;align-items:center}body.RedMode .Main .MySkills .container .left,body.RedMode .Main .MySkills .container .center,body.RedMode .Main .MySkills .container .right{margin:0}body.RedMode .Main .MySkills .container .left{display:flex;flex-direction:column-reverse;align-items:center;gap:30px;text-align:center;margin-top:35px}body.RedMode .Main .MySkills .container .left p{color:#fff;text-align:center;margin:0;width:87%;font-size:22px}body.RedMode .Main .MySkills .container .left a{background:white;color:red}body.RedMode .Main .MySkills .container .center li:nth-child(1){transform:translate(10px,40px)}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black;transition:.5s}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2:hover~h3{color:#000}body.RedMode .Main .MySkills .container .center li:nth-child(1) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-13px}body.RedMode .Main .MySkills .container .center li:nth-child(2){transform:translate(10px,110px)}body.RedMode .Main .MySkills .container .center li:nth-child(2) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.RedMode .Main .MySkills .container .center li:nth-child(2) h2:hover{background:black;transition:.5s}body.RedMode .Main .MySkills .container .center li:nth-child(2) h2:hover~h3{color:#000}body.RedMode .Main .MySkills .container .center li:nth-child(2) h3{font-family:Lobster,cursive;color:#fff;text-align:left;margin-left:-12px}body.RedMode .Main .MySkills .container .center li:nth-child(3){transform:translate(-140px,42px)}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black;transition:.5s}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2:hover~h3{color:#000}body.RedMode .Main .MySkills .container .center li:nth-child(3) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body.RedMode .Main .MySkills .container .center li:nth-child(4){transform:translate(7px,80px)}body.RedMode .Main .MySkills .container .center li:nth-child(4) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.RedMode .Main .MySkills .container .center li:nth-child(4) h2:hover{background:black;transition:.5s}body.RedMode .Main .MySkills .container .center li:nth-child(4) h2:hover~h3{color:#000}body.RedMode .Main .MySkills .container .center li:nth-child(4) h3{font-family:Lobster,cursive;color:#fff;text-align:left;width:-moz-fit-content;width:fit-content;margin-left:-20px}body.RedMode .Main .MySkills .container .center li:nth-child(5){transform:translate(160px,-145px)}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2{background:white;width:70px;height:70px;display:grid;justify-content:center;align-items:center;border-radius:50%}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black;transition:.5s}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2:hover~h3{color:#000}body.RedMode .Main .MySkills .container .center li:nth-child(5) h3{font-family:Lobster,cursive;color:#fff;text-align:left}body.RedMode .Main .MySkills .container .right{display:flex;flex-direction:column;align-items:center;gap:30px;margin-top:30px}body.RedMode .Main .MySkills .container .right p{margin-bottom:0;width:87%;font-size:22px}body.RedMode .Main .MySkills .container .right a{margin:0}body.RedMode .Main .MySelf{margin-top:-40px}body.RedMode .Main .MySelf .three .left{color:#fff}}@media (max-width: 509.9px){body.RedMode .Main .Home .left .images{display:none}body.RedMode .Main .Home .left button{color:red;background:white}body.RedMode .Main .Home .right{margin:0}body.RedMode .Main .Home .right .main3{margin:0;left:60px;width:230px;bottom:-60px;z-index:0}body.RedMode .Main .Home .right .links{margin:0;position:relative;left:40px;top:-30px}body.RedMode .Main .Home .right .links a{font-size:28px;padding:0;width:50px;display:grid;margin:25px 0;justify-content:center;align-items:center;height:50px}body.RedMode .Main .Home .right .links h3{margin-top:-50px}body.RedMode .Main .Home .right .links h3:first-letter{color:#fff}body.RedMode .Main .MySkills{background-image:none;background:red;padding-bottom:50px}body.RedMode .Main .MySkills header{border-top:1.5px solid white}body.RedMode .Main .MySkills .container .left a{background:white;color:red}body.RedMode .Main .MySkills .container .left p{color:#fff}body.RedMode .Main .MySkills .container .center li h2{background:white}body.RedMode .Main .MySkills .container .center li h3{color:#fff}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2{background:white}body.RedMode .Main .MySkills .container .center li:nth-child(1) h2:hover{background:black}body.RedMode .Main .MySkills .container .center li:nth-child(1) h3{color:#fff}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2{background:white}body.RedMode .Main .MySkills .container .center li:nth-child(3) h2:hover{background:black}body.RedMode .Main .MySkills .container .center li:nth-child(3) h3{color:#fff}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2{background:white}body.RedMode .Main .MySkills .container .center li:nth-child(5) h2:hover{background:black}body.RedMode .Main .MySkills .container .center li:nth-child(5) h3{color:#fff}body.RedMode .Main .MySelf{padding:0 0 50px}body.RedMode .Main .MySelf header{border-top:1.5px solid white}body.RedMode .Main .MySelf .two p{text-shadow:unset}body.RedMode .Main .MySelf .one .chess{display:none}body.RedMode .Main .MySelf .three p{color:#fff;border-top:1px solid white}body.RedMode .Main .MySelf .three h1{color:#fff;text-shadow:2px 2px 4px red,-2px -2px 4px red,2px -2px 4px red,-2px 2px 4px red}body.RedMode .Main .Navbar .logo4{margin:0}body.RedMode .Main #close .phone{color:red}body.RedMode .Main #close .sun2{display:none}body.RedMode .Main #open{background:red}body.RedMode .Main #open .phone{color:#fff}body.RedMode .Main #open .sun2{left:20px;top:20px;margin:0;position:absolute}}body.RedMode .FrontEnd .Navbar .logo{display:block}body.RedMode .FrontEnd .Navbar .navigation li:first-letter{color:#000}body.RedMode .FrontEnd .Navbar .navigation li:hover a{color:#000}body.RedMode .FrontEnd .one{background-image:url("/assets/FrontEnd home Red-786f24e8.svg")}body.RedMode .FrontEnd .one .left{transition:1s}body.RedMode .FrontEnd .one .left a{color:red;transition:1s}body.RedMode .FrontEnd .one .left h1,body.RedMode .FrontEnd .one .left p{transition:1s}body.RedMode .FrontEnd .two{background:red}body.RedMode .FrontEnd .two .mySwiper .slide .left button,body.RedMode .FrontEnd .two .mySwiper .slide .left button:hover{color:red}body.RedMode .FrontEnd .two .mySwiper .slide .left button:hover:first-letter{color:red}body.RedMode .FrontEnd .two .mySwiper .slide .right button,body.RedMode .FrontEnd .two .mySwiper .slide .right button:hover{color:red}body.RedMode .FrontEnd .two .mySwiper .slide .right button:hover:first-letter{color:red}body.RedMode .FrontEnd .three{background-image:url("/assets/FrontEnd 3 Red-34bb0c48.svg")}body.RedMode .FrontEnd .three .bottom .img2{display:none}body.RedMode .FrontEnd .three .bottom .img5{display:block;width:420px;margin-right:60px}body.RedMode .FrontEnd .three .bottom .img1{top:28px}body.RedMode .FrontEnd .three .top h1:first-letter{color:red}body.RedMode .FrontEnd .three .top h1{border-bottom:2px solid red}body.RedMode .FrontEnd .three .top p span{color:red}body.RedMode .FrontEnd .three .top p:first-letter{color:red}body.RedMode .FrontEnd .three .top a{background:red}body.RedMode .FrontEnd .three .top a:hover{background:black}body.RedMode .FrontEnd .four{background-image:url("/assets/FrontEnd slider Red-af4d6472.svg")}body.RedMode .FrontEnd .four .mySwiper .swiper-pagination-bullet{background:red}@media (min-width: 510px) and (max-width: 849.9px){body.RedMode .FrontEnd .three .bottom .img2{display:none}body.RedMode .FrontEnd .three .bottom .img5{display:block;width:420px;margin:0}body.RedMode .FrontEnd .three .bottom .img1{top:20px}}@media (max-width: 509.9px){body.RedMode .FrontEnd .one{background-image:none;background:red;border-bottom:1.5px solid white}body.RedMode .FrontEnd .three .bottom{display:flex;flex-direction:column;align-items:center}body.RedMode .FrontEnd .three .bottom .img5{width:340px}body.RedMode .FrontEnd .three .bottom .img1{display:none}body.RedMode .FrontEnd .three .bottom .img5{margin:0}}body.RedMode .GraphicDesign .one{background-image:url("/assets/GraphicDesign home Red-4b4b7425.svg")}body.RedMode .GraphicDesign .one .left h1:first-letter{color:red}body.RedMode .GraphicDesign .one .left h1{border-bottom:2px solid red}body.RedMode .GraphicDesign .one .left a{background:red}body.RedMode .GraphicDesign .one .left a:hover{background:black}body.RedMode .GraphicDesign .two{background-image:url("/assets/GraphicDesign 2 Red-4d2746b8.svg")}body.RedMode .GraphicDesign .two .top h1:first-letter{color:#a70000}body.RedMode .GraphicDesign .two .top a{color:red}body.RedMode .GraphicDesign .two .top a:hover{background:red;color:#fff}body.RedMode .GraphicDesign .two .bottom .box{background:red}body.RedMode .GraphicDesign .two .bottom .box button{color:red}body.RedMode .GraphicDesign .two .bottom .box:nth-child(1) h3:first-letter{color:#000092}body.RedMode .GraphicDesign .two .all{background:red}@media (min-width: 1070px) and (max-width: 1599.9px){body.RedMode .GraphicDesign .two{margin-top:-40px;padding-top:50px}body.RedMode .GraphicDesign .one{background-size:cover;margin-top:-20px;height:110vh}}@media (min-width: 850px) and (max-width: 1069.9px){body.RedMode .GraphicDesign .two{margin-top:-40px;padding-top:50px}body.RedMode .GraphicDesign .one{background-size:cover;margin-top:-20px;height:110vh}}@media (min-width: 510px) and (max-width: 849.9px){body.RedMode .GraphicDesign .Navbar{background:white}body.RedMode .GraphicDesign .Navbar .logo3{margin:0}body.RedMode .GraphicDesign .two{margin-top:-40px;padding-top:50px}body.RedMode .GraphicDesign .one{background-size:cover;padding-top:120px;margin-top:-20px;height:135vh}}@media (max-width: 509.9px){body.RedMode .GraphicDesign .Navbar{background:white}body.RedMode .GraphicDesign .Navbar .logo4{margin:0}body.RedMode .GraphicDesign #close .phone{color:red}body.RedMode .GraphicDesign #close .sun2{display:none}body.RedMode .GraphicDesign #open{background:red}body.RedMode .GraphicDesign #open .phone{color:#fff}body.RedMode .GraphicDesign #open .sun2{left:20px;top:20px;margin:0;position:absolute}body.RedMode .GraphicDesign .one{margin:0;padding:100px 0 0;height:-moz-fit-content;height:fit-content;overflow:hidden}body.RedMode .GraphicDesign .two{margin-top:-50px;border-top:1.5px solid black}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}