@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&family=Oswald:wght@200&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--main-color:#611be3;--clone-main-color:#611be3;--clone-white:#fff;--dark-blue:#2b3945;--very-dark:#000;--very-dark-blue-text:#111517;--dark-gray:#626c75;--very-light-gray:#f7c7c7;--white:#fff;--different-color:#4f3a76}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none!important;color:#fff!important}a:hover{text-decoration:none}.App{height:auto;background-color:#000;background-color:var(--very-dark);z-index:1;display:flex;justify-content:center;align-items:center}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:hsla(0,0%,93.3%,.7294117647058823)}body::-webkit-scrollbar-thumb{background:#3a445c;border-radius:20px;border:1px solid #ddd}.App{position:relative;min-height:100vh}.animation-area{min-height:100vh}.animation-area,.box-area{width:100%;position:absolute}.box-area{top:0;left:0;height:100%;overflow:hidden}.box-area li{position:absolute;display:block;list-style:none;width:25px;height:25px;background:#fff;-webkit-animation:animate 20s linear infinite;animation:animate 20s linear infinite;bottom:-150px}.box-area li:first-child{left:86%;width:80px;height:80px;-webkit-animation-delay:0s;animation-delay:0s}.box-area li:nth-child(2){left:12%;width:30px;height:30px;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-duration:10s;animation-duration:10s}.box-area li:nth-child(3){left:70%;width:100px;height:100px;-webkit-animation-delay:5.5s;animation-delay:5.5s}.box-area li:nth-child(4){left:42%;width:150px;height:150px;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:15s;animation-duration:15s}.box-area li:nth-child(5){left:65%;width:40px;height:40px;-webkit-animation-delay:0s;animation-delay:0s}.box-area li:nth-child(6){left:15%;width:110px;height:110px;-webkit-animation-delay:3.5s;animation-delay:3.5s}@-webkit-keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1}to{-webkit-transform:translateY(-800px) rotate(1turn);transform:translateY(-800px) rotate(1turn);opacity:0}}@keyframes animate{0%{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:1}to{-webkit-transform:translateY(-800px) rotate(1turn);transform:translateY(-800px) rotate(1turn);opacity:0}}@media (max-width:600px){.App{min-height:100vw;background-color:#000;background-color:var(--very-dark)}}.main{margin-top:10px;position:absolute;z-index:9999;left:0;top:30px}.consrol_btn{position:relative;border:none;background-color:var(--main-color);border-radius:50%;padding:10px;color:#fff;margin-left:20px;cursor:pointer;z-index:999}.consrol_btn .close,.open{font-size:25px;font-weight:700;line-height:100%}.logo img{border-radius:50%}.sidebar{transition:1s}.fadeSB,.sidebar{display:flex;flex-direction:column;justify-content:space-between;width:5rem;height:80%;position:relative;background-color:var(--main-color);color:#fff;padding:20px;border-radius:0 30px 30px 0;margin-top:30px}.fadeSB{margin-left:-800px;transition:1s ease-in-out}.SidebarContainer{width:11rem;background-color:var(--main-color);border-radius:0 30px 30px 0;padding-bottom:30px}.sidebar_list{list-style:none}.sidebar_list li{margin-top:40px;display:flex;font-size:20px}.sidebar_list .sidbar_icons{margin-right:30px}.dark_mode{display:flex;flex-direction:row;justify-content:space-between;height:50px;background-color:var(--main-color);border-radius:0 30px 30px 0;align-items:center;transition:1s}.dark{margin-right:20px;font-size:25px;cursor:pointer}.home{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;width:100%;min-height:900px;position:relative;z-index:999}.introduction .introduction-name{font-size:2.5rem;font-family:cursive;text-transform:capitalize}.introduction .introduction-name span{font-size:3rem;font-family:"Oswald",sans-serif;color:var(--main-color);font-weight:700}.introduction-name-job{font-size:1.5em;letter-spacing:3px;text-transform:capitalize}.home .hey h1{font-size:15vw;font-weight:700;letter-spacing:40px;color:var(--main-color)}@media (max-width:575.98px){.introduction .introduction-name,.introduction .introduction-name span{font-size:2rem}.introduction-name-job{font-size:1.5em;letter-spacing:2px}.home .hey h1{font-size:20vw;font-weight:700;letter-spacing:30px;text-align:center}}.profile{align-items:center;margin:30px 0;color:#fff;min-height:900px}.column-reverse,.profile{display:flex}.about-name{font-size:2.5rem;font-family:cursive;text-transform:capitalize}.about-title-job,.about span{color:var(--main-color)}.about-title-job{background:#fff;display:inline-block;padding:5px;font-weight:700;font-family:cursive}.about-description{font-size:1.5rem;color:var(--different-color)}.profile-image{text-align:center}.profile-image img{border-radius:50%;height:400px;width:400px}@media (max-width:600px){.profile{display:flex;justify-content:space-around;align-items:center;margin:auto;color:#fff;width:100%}.column-reverse{display:flex;flex-direction:column-reverse}.about-name,.about-title-job{font-size:1rem}.about{margin-top:50px}.about-description{font-size:1rem}.profile-image img{border-radius:50%;height:200px;width:200px}}@media (min-width:600.98px) and (max-width:767.98px){.column-reverse{display:flex;flex-wrap:wrap}.about-name{font-size:2rem}.about-title-job{font-size:1rem}.about-description{font-size:1.2rem}.profile-image img{height:250px;width:250px}.profile-image{text-align:start}}@media (min-width:768px) and (max-width:992px){.about{margin-top:60px}.about-name{font-size:1.5rem}.about-title-job{font-size:1rem}.about-description{font-size:1.2rem}.profile-image{height:100%;display:flex;justify-content:center;align-items:center}.profile-image img{height:300px;width:300px}}.work{display:flex;justify-content:center;align-items:center;flex-direction:column;height:auto;padding-top:40px}.work h1{text-align:center;color:var(--clone-main-color);font-weight:700;margin-bottom:50px}.my-work{position:relative;margin-bottom:30px}.overlay{position:absolute;top:0;left:0;height:100%;width:100%;transition:.3s;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 0 5px #000}.soon{background:#262626}.my-work:hover .overlay{background:rgba(0,0,0,.534)}.overlay .show-demo{border:none;padding:10px;border-radius:30px;width:100px;background:var(--main-color);color:#fff;opacity:0;transition:.3s}.show-demo{margin:10px}.overlay .caption{opacity:0;transition:.3s}.my-work:hover .show-demo{opacity:1}.my-work:hover .caption{font-size:25px;font-weight:700;color:#fff;opacity:1}.my-work img{height:200px;width:100%;border-radius:20px}.buttons-demo{display:flex;justify-content:space-around;align-items:center}@media (min-width:425px) and (max-width:767.98px){.my-work{width:80%;margin:auto auto 30px}}@media (max-width:991.98px){.work{height:auto;margin:30px 0}}.sikles{flex-direction:column;justify-content:center;width:100%;min-height:900px}.card,.sikles{display:flex;align-items:center}.card{box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1);width:60%;height:150px;margin-bottom:30px;flex-direction:row;border-radius:10px;background-color:var(--white)}.card img{margin-left:20px;margin-right:20px}.card span{font-weight:700;color:var(--clone-white)}.sikles h1{margin:80px;text-align:center;font-family:"Oswald",sans-serif;text-transform:capitalize;color:var(--clone-main-color);font-weight:700}.edit{display:flex;justify-content:center;align-items:center}@media (max-width:576px){.card{width:100%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card img{margin-left:20px;margin-right:20px}.sikles h1{margin-bottom:20px}}@media (min-width:576px) and (max-width:767.98px){.card{width:80%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card img{margin-left:20px;margin-right:20px}.sikles h1{margin-bottom:20px}}@media(max-width:991.98px){.card{height:120px}}.call-me{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:900px;position:relative;z-index:999}.call-me-title{margin-bottom:30px;text-align:center;font-family:"Oswald",sans-serif;text-transform:capitalize;color:var(--clone-main-color);font-weight:700}.details{box-shadow:0 4px 16px rgba(17,17,26,.1),0 8px 24px rgba(17,17,26,.1),0 16px 56px rgba(17,17,26,.1);background-color:var(--white);color:var(--clone-white);border-radius:10px;margin-bottom:30px;padding-left:20px;display:flex;flex-direction:column;justify-content:center;text-transform:uppercase;font-family:"Anton",sans-serif;font-family:"Oswald",sans-serif;padding-top:20px}.detailes-icon{margin-right:10px;background-color:var(--main-color);color:#fff;padding:10px;border-radius:50%;font-size:2.5rem}.details-area,.details span{font-size:20px;font-weight:700}.details-area{margin-left:50px}.social-media{margin-top:50px;position:relative}.social-media ul{list-style:none;display:flex;padding-left:0!important}.social-media ul li{padding:20px;z-index:9999}.social-media ul img{border-radius:50%}@media (max-width:516.98px){.call-me-title{padding-top:60px}.details-area,.details span{font-size:18px}.social-media{margin-top:0}.my-email{font-size:14px}}
/*# sourceMappingURL=main.815d448a.chunk.css.map */