:root{--main-background:#0b0c10;--text-color:#e1e3ea;--main-color:#66f6f1;--main-color2:#cb2def;--shadow:#1b2323}.light-theme{background-color:initial}.dark-theme{background:#0b0c10;background:var(--main-background);color:#e1e3ea;color:var(--text-color)}*{box-sizing:border-box;font-family:Segoe UI,sans-serif,Montserrat;margin:0;overflow-x:hidden;padding:0}html{font-size:62.5%;scroll-behavior:smooth}.numberCount:before{color:#cb2def;color:var(--main-color2);counter-increment:section 1;font-weight:400;margin-right:1.2rem}.FrequentlyAsked,.about,.header,.project,.skil{padding:30px}.navbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding:0 80px}.navbar h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#66f6f1 0,#cb2def);-webkit-background-clip:text;font-family:Love Light;font-size:4.1rem;z-index:1}.navlist ul{align-items:center;display:flex;font-size:2rem;justify-items:center}.navbarUl a{color:var(--text-color);list-style:none;text-decoration:none}.navlist li{cursor:pointer;font-weight:500;list-style:none;margin:12px;padding:12px;z-index:1}.nav-item{display:none}.nav-item span{align-items:center;display:flex;justify-content:center}@media(max-width:998px){.navbar h1{font-size:4rem}}@media (max-width:768px){.navbar{padding:0 20px}.navbar h1{font-size:3rem}.navlist{align-items:center;display:flex;justify-content:space-between}.navbarUl{background-color:#ffebcd;background-color:var(--shadow);display:flex;flex-direction:column;left:0;opacity:0;pointer-events:none;position:absolute;top:70px;transition:opacity .5s ease-in-out;width:100%;z-index:1}.navbarUl.active{opacity:1;pointer-events:auto}.nav-item{cursor:pointer;display:flex}}.loading{align-items:center;background:linear-gradient(90deg,#66f6f1 0,#cb2def);display:flex;height:100vh;justify-content:center;margin:0;overflow:hidden}.breeding-rhombus-spinner{height:65px;position:relative;transform:rotate(45deg);width:65px}.breeding-rhombus-spinner,.breeding-rhombus-spinner *{box-sizing:border-box}.breeding-rhombus-spinner .rhombus{animation-duration:2s;animation-iteration-count:infinite;background-color:#000;height:8.66667px;left:28.16657px;position:absolute;top:28.16657px;width:8.66667px}.breeding-rhombus-spinner .rhombus:nth-child(2n+0){margin-right:0}.breeding-rhombus-spinner .rhombus.child-1{animation-delay:.1s;animation-name:breeding-rhombus-spinner-animation-child-1}.breeding-rhombus-spinner .rhombus.child-2{animation-delay:.2s;animation-name:breeding-rhombus-spinner-animation-child-2}.breeding-rhombus-spinner .rhombus.child-3{animation-delay:.3s;animation-name:breeding-rhombus-spinner-animation-child-3}.breeding-rhombus-spinner .rhombus.child-4{animation-delay:.4s;animation-name:breeding-rhombus-spinner-animation-child-4}.breeding-rhombus-spinner .rhombus.child-5{animation-delay:.5s;animation-name:breeding-rhombus-spinner-animation-child-5}.breeding-rhombus-spinner .rhombus.child-6{animation-delay:.6s;animation-name:breeding-rhombus-spinner-animation-child-6}.breeding-rhombus-spinner .rhombus.child-7{animation-delay:.7s;animation-name:breeding-rhombus-spinner-animation-child-7}.breeding-rhombus-spinner .rhombus.child-8{animation-delay:.8s;animation-name:breeding-rhombus-spinner-animation-child-8}.breeding-rhombus-spinner .rhombus.big{animation-duration:2s;animation:breeding-rhombus-spinner-animation-child-big 2s infinite;animation-delay:.5s;background-color:#000;height:21.66667px;left:21.66667px;top:21.66667px;width:21.66667px}@keyframes breeding-rhombus-spinner-animation-child-1{50%{transform:translate(-325%,-325%)}}@keyframes breeding-rhombus-spinner-animation-child-2{50%{transform:translateY(-325%)}}@keyframes breeding-rhombus-spinner-animation-child-3{50%{transform:translate(325%,-325%)}}@keyframes breeding-rhombus-spinner-animation-child-4{50%{transform:translate(325%)}}@keyframes breeding-rhombus-spinner-animation-child-5{50%{transform:translate(325%,325%)}}@keyframes breeding-rhombus-spinner-animation-child-6{50%{transform:translateY(325%)}}@keyframes breeding-rhombus-spinner-animation-child-7{50%{transform:translate(-325%,325%)}}@keyframes breeding-rhombus-spinner-animation-child-8{50%{transform:translate(-325%)}}@keyframes breeding-rhombus-spinner-animation-child-big{50%{transform:scale(.5)}}.skil{background-color:var(--shadow);margin:0 auto;padding:150px}.skilNumber{align-items:center;display:flex;font-size:clamp(2.6rem,5vw,32px);justify-content:center;margin:10px 0 40px;position:relative;white-space:nowrap;width:100%}.skilNumber:after{background-color:var(--main-color2);content:"";display:block;height:2px;margin-left:20px;width:100%}.skillHone{align-items:center;display:flex;font-size:clamp(2.6rem,5vw,32px);justify-content:center;margin:10px 0 40px;position:relative;white-space:nowrap;width:100%}.skillHone h3{color:var(--main-color)}.skillHone strong{color:var(--main-color2)}.skilList{margin-bottom:48px}.skilList,.skilitem{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;text-align:center}.skilitem{border:1.7px solid var(--main-color)!important;border-radius:5px!important;box-shadow:4px 5px 4px 3px rgba(89,4,168,.137)!important;cursor:pointer;font-size:clamp(4rem,10vw,9rem);margin:15px!important;opacity:.93!important;overflow:hidden!important;padding:10px!important;transition:all .4s ease 0s!important;vertical-align:middle!important}.skilitem:hover{border:1.7px solid var(--main-color2)!important;box-shadow:4px 5px 4px 3px rgba(4,149,168,.137)!important;transform:scale(1.05)!important}.skilitem span{font-size:clamp(2rem,2vw,2rem)}.AnimationOnScroll{transition:all .5s ease}@media (max-width:786px){.skil{padding:30px}}.header{margin:0 auto;min-height:100vh;padding:100px 0;width:100%}.header-Container{display:flex}.headerphoto img{border-radius:167px;margin-left:36px}.header-text-container{margin-left:48px;margin-top:50px}.nameBio2{margin-left:12px;margin-top:4px;position:absolute}.nameBio h2{font-size:clamp(2rem,2vw,20px)}.name h1{font-size:clamp(4.5rem,7vw,75px)}.Text-container{margin-top:66px}.name,.nameBio h2{justify-content:center;margin-top:28px;padding:8px}.Text-container .Text{padding-left:12px;position:relative}.frist-text,.second-text{font-size:clamp(4rem,5vw,75px)}.second-text{color:#66f6f1}.header-text-list-container{margin-left:200px;margin-right:200px;text-align:center}.header-paregraph{color:#8e8ea7;font-size:2rem;line-height:28px;margin:.6rem 0 2rem;text-align:center;width:100%}.header-button{margin:0 auto}.header-button1,.header-button2{border:2px solid #0000;border-radius:16px;margin:12px;padding:16px;transition:all .5s ease}.header-button1{background-color:#66f6f1}.header-button2{background-color:#1d1d20;color:#fff}.header-button1:hover,.header-button2:hover{background-color:initial;border-color:var(--main-color2);color:#fff;transform:translateY(-1rem)}@media (max-width:768px){.header{padding:0}.header-Container{display:flex;flex-direction:column;justify-content:center;position:relative}.header-text-container{margin-left:0;margin-top:0}.nameBio2{display:flex;justify-content:center;position:relative}.header-text-list-container{margin-left:60px;margin-right:50px;text-align:center}.Text-container .Text{font-size:2.5rem;margin-top:0}.headerphoto{margin:0 auto}.headerphoto img{height:200px;width:200px}.bio{padding:28px 47px}.Text-container,.name,.nameBio h2{margin-top:16px;position:relative;text-align:center}}.FrequentlyAsked{background-color:var(--main-background)}.faq-description h2{font-size:3.5rem;text-align:center}.faq-description p{color:#94949e;font-size:1.5rem;margin:.5rem auto 4rem;text-align:center;width:33%}.faq-container{margin:0 auto;max-width:600px}.faq-question{align-items:flex-start;display:flex;gap:7rem;justify-content:space-between;padding:1.5rem}.faq-question p{font-size:1.6rem}.faq-question span{font-size:2rem;padding:8px}ul{list-style-type:none;padding:0}.faq-answer{color:#94949e;font-size:1.5rem;margin-top:1rem;transition:5s ease}.faq-item{background-color:var(--shadow);border-radius:12px;cursor:pointer;margin-bottom:10px;padding:1.5rem;transition:1s ease}.question-container{display:flex;justify-content:space-between;padding:10px}.plus-icon{font-size:1.5em;padding:0 10px;transition:transform .3s ease}.plus-icon.open{transform:rotate(45deg)}.answer{padding:10px}.faq-question-logo{transition:.5s ease}@media (max-width:786px){.faq-description p{width:90%}}
/*# sourceMappingURL=main.89f187ab.css.map*/