@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";::-webkit-scrollbar{width:1px;background:#000}html,body{scroll-behavior:smooth}*{padding:0%;margin:0%;box-sizing:border-box;font-family:Open Sans,sans-serif!important;font-optical-sizing:auto!important;font-style:normal!important;font-variation-settings:"wdth" 100}.light{font-weight:100!important}.normal{font-weight:600!important}.bold{font-weight:700!important}.bold-extra{font-weight:800!important}@keyframes Animate{0%{rotate:100deg;filter:saturate(.6);-webkit-filter:saturate(.6)}to{rotate:0deg;filter:saturate(1);-webkit-filter:saturate(1)}}.animated-emojji{animation:.1s linear Animate 1;-webkit-animation:.1s linear Animate 1}@keyframes Animate_Project_Image{0%{translate:0% -100%}to{translate:0% 0%}}@keyframes Animate_Project{0%{opacity:0}to{opacity:1}}.project{animation:Animate_Project 1 .5s ease-out;-webkit-animation:Animate_Project 1 .5s ease-out}.project .phone{animation:Animate_Project_Image 1 .5s ease-out;-webkit-animation:Animate_Project_Image 1 .5s ease-out}.project .pc{animation:Animate_Project_Image 1 .3s ease-out;-webkit-animation:Animate_Project_Image 1 .3s ease-out}@keyframes OpacityAnimation{0%{translate:0% 100%;opacity:0}to{translate:0% 0%;opacity:1}}.animated.translate.opactiy{animation:1 .3s OpacityAnimation linear;-webkit-animation:1 .3s OpacityAnimation linear}.animated-button{position:relative;display:flex;align-items:center;gap:4px;padding:16px 36px;border:2px solid;border-color:transparent;font-size:16px;background-color:inherit;border-radius:10px;font-weight:600;color:#000;box-shadow:0 0 0 2px #000;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.animated-button svg{position:absolute;width:24px;fill:#000;z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#000;border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button .text{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.animated-button:hover{box-shadow:0 0 0 12px transparent;color:#fff;border-radius:12px}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translate(12px)}.animated-button:hover svg{fill:#fff}.animated-button:active{scale:.95;box-shadow:0 0 0 4px #000}.animated-button:hover .circle{transform:scale(25);opacity:1;-webkit-transform:scale(25);-moz-transform:scale(25);-ms-transform:scale(25);-o-transform:scale(25)}.loader{position:relative;width:60px;height:60px;background:#a19dad;transform:rotateX(65deg) rotate(45deg);color:#fff;animation:layers1 1s linear infinite alternate}.loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffb3;animation:layerTr 1s linear infinite alternate}@keyframes layers1{0%{box-shadow:0 0}90%,to{box-shadow:20px 20px 0 -4px}}@keyframes layerTr{0%{transform:translate(0) scale(1)}to{transform:translate(-25px,-25px) scale(1)}}.magnetic-btn{width:170px;height:170px;background:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;transition:.3s;position:relative;overflow:hidden;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.magnetic-circle{width:100%;height:200%;background-color:#00f;position:absolute;left:50%;z-index:1;translate:-50% -150%;transition:.3s;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;transition:.7s;-webkit-transition:.7s;-moz-transition:.7s;-ms-transition:.7s;-o-transition:.7s}