html{font-family:system-ui,sans-serif;scroll-behavior:smooth}:root{--header-bg-color: #b2bec3;--bg-color: #dfe6e9;--text-color: black;--button-color: #ff9f1a;--text-special-color: #16a085;--card-color: #dfe6e9;--margin-inline: 4rem;--item-gap: 2rem;--menu-bg-color: rgba(255, 255, 255);--menu-color: black}*{margin:0;padding:0;box-sizing:border-box}[data-theme=dark]{--header-bg-color: #272a30;--bg-color: #2c2f35;--text-special-color: #ff9f1a;--text-color: white;--button-color: #16a085;--card-color: #2f3640;--menu-bg-color: black;--menu-color: white}.hidden{filter:blur(4px);opacity:0;transition:all .6s;transform:translateY(30%)}.show{opacity:1!important;filter:blur(0)!important;transform:translateY(0)!important;transform:translate(0)!important}.hiddenSlideLeft{opacity:0;filter:blur(5px);transform:translate(-50%);transition:all .6s}.hiddenSlideRight{opacity:0;filter:blur(5px);transform:translate(50%);transition:all .6s}.hiddenFadeIn{opacity:0;transition:all .6s;filter:blur(5px)}.slideShow{filter:blur(0);opacity:1;transform:translate(0)}.hiddenSlide{opacity:0;filter:blur(5px);transform:translate(-100%);transition:all .6s}body{background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.heading{text-align:center;font-size:2rem;font-weight:700}.heading span{position:relative}.heading span:after,.heading span:before{content:"";position:absolute;display:inline-block;bottom:0;width:4rem;height:2px;background-color:var(--text-color)}.heading span:before{left:0;transform:translate(-100%)}.heading span:after{right:0;transform:translate(100%)}section{margin-block:var(--margin-inline);margin-inline:8rem}#theme-toggle{z-index:1000;position:fixed;bottom:1rem;right:1rem;font-size:1.5rem;border:none;height:3rem;width:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:var(--text-special-color);color:#fff;cursor:pointer;box-shadow:#00000059 0 5px 15px}header{z-index:3000;position:sticky;top:0;background-color:var(--header-bg-color);font-size:minmax(.8rem,1.2rem)}nav{margin-inline:8rem;display:flex;align-items:center;justify-content:space-between}.menu-icon{display:none;border:2px solid var(--text-special-color);padding:.2rem .4rem;color:var(--text-special-color);font-weight:700;box-shadow:#00000029 0 1px 4px}nav ul{list-style:none;display:flex;gap:2rem}nav li{cursor:pointer;list-style-type:none;position:relative}.nav-list{display:none;position:fixed;background-color:var(--menu-bg-color);inset:0;z-index:2000;text-align:center;padding:2rem}.cancel{font-size:2rem;color:var(--menu-color)}.nav-list ul{margin:2rem;list-style:none}.nav-list li{margin:2rem}.nav-list a{color:var(--menu-color);font-size:1.4rem;font-weight:700}a{text-decoration:none;color:var(--text-color)}.link:after{margin-top:.2rem;content:"";display:inline-block;transition:left .3s ease,right .3s ease;position:absolute;border-bottom:0px solid var(--text-special-color);left:50%;right:50%;bottom:-3px}.link:hover:after{border-width:2px;left:0;right:0}a:active,a.active{color:var(--text-special-color)}.logo{padding-block:.3rem;color:var(--text-special-color);font-weight:700;font-size:2rem}.about{display:flex;flex-direction:column-reverse;justify-content:space-between;gap:2rem}.about h1,h3{font-size:3.2rem;line-height:1.2}h3{color:var(--text-special-color)}.right{display:flex;justify-content:center}.circle-1{height:180px;width:180px;border-radius:50%;position:relative;overflow:hidden;padding:10px;border:4px solid var(--text-special-color)}.circle-1 img{position:absolute;top:0;left:-50px;bottom:0;overflow:hidden;transform:scaleX(-1)}.left{display:flex;flex-direction:column;gap:var(--item-gap);text-align:center}.head{transition-delay:.3s}.foot{display:flex;justify-content:center;gap:var(--item-gap);transition-delay:.5s}.btn{cursor:pointer;padding:1rem 4rem;border:1px solid var(--text-special-color);color:var(--text-color);background-color:inherit;border-radius:4px;position:relative;overflow:hidden;transition:all .2s ease-in-out}.btn:before{content:"";display:block;background-color:var(--text-special-color);position:absolute;top:0;bottom:0;left:0;width:100%;transform:translate(-100%);z-index:-1;transition:all .2s ease-in-out}.btn:hover:before{transform:translate(0)}.btn:nth-child(odd){background-color:var(--text-special-color)}.btn:nth-child(odd):hover{background-color:var(--bg-color)}.projects{display:flex;flex-direction:column;gap:6rem}.projects>h2{text-align:center;font-size:2rem;font-weight:700;position:relative}.project{display:flex;gap:2rem}.project:nth-child(2n){flex-direction:row-reverse}.project>*{flex:1}.project figure{border-radius:4px;overflow:hidden;transition:transform .3s ease-in-out}.project figure:hover{transform:scale(1.1)}.project img{border-radius:8px;height:100%;width:100%}.project .description{display:flex;flex-direction:column;gap:2rem}.project .btns{display:flex;gap:.6rem}.tool{background-color:var(--button-color);padding:.3rem .6rem;margin-right:.6rem;border-radius:4px;color:#fff}.services__content{display:flex;gap:2rem;margin-top:4rem;flex-wrap:wrap}.service{padding:1rem 3rem;flex:1;background-color:var(--card-color);border-radius:10px;display:flex;flex-direction:column;gap:1rem;box-shadow:#00000059 0 5px 15px}.service:hover{box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.service-image{max-height:100px}.service:nth-child(2){transition-delay:.2s}.service:nth-child(3){transition-delay:.4s}.contact{display:flex;flex-direction:column;gap:var(--item-gap);align-items:center}.contact form{width:60%}.form-group{margin-block:1.5rem}.form-group input{width:100%;padding:.8rem}.form-group textarea{width:100%;height:100px}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background:var(--text-special-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#f7c602}.fixed-nav{position:fixed;top:0;left:0;right:0;z-index:1500;transform:translateY(-100%);transition:transform .1s ease-in-out}@media only screen and (max-width: 1000px){section{margin-inline:2rem;margin-block:3rem}.contact form{width:70%}nav{margin-inline:2rem}.service{flex:1 1 calc(50% - 2rem);max-width:calc(50% - 2rem)}.services__content .service:last-child{flex:1 1 calc(50% - 2rem);max-width:calc(50% - 2rem)}}@media only screen and (max-width: 600px){section{margin-inline:1.5rem;margin-block:3rem}nav{margin-inline:1.5rem}.about h1,.about h3{font-size:1.4rem;line-height:1.2}.circle-1{height:150px;width:150px}.circle-1 img{top:-40px}.right-nav{display:none}.projects{gap:2.5rem}.project{flex-direction:column-reverse!important;gap:1.5rem}.project .description{gap:.96rem}.services__content{flex-direction:column;gap:.8rem}.service{flex:1;min-width:100%}.contact form{width:100%}.btn{padding:.8rem 1.5rem}.hiddenSlideLeft,.hiddenSlideRight,.hiddenFadeIn{opacity:0;transition:all 1s;filter:blur(5px);transform:translate(0);transform:translateY(50%)}.service:nth-child(2){transition-delay:.2s}.service:nth-child(3){transition-delay:.4s}.menu-icon{display:block}}