@import url("https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&family=Cairo:wght@200..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@tailwind base;@tailwind components;@tailwind utilities;@layer components{.element-middle{@apply top-[50%] left-[50%] translate-x-[-50%] translate-y-[-50%]}}:root{scroll-behavior:smooth}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Cairo",sans-serif;position:relative}body .follow-cursor{width:10px;height:10px;border-radius:50%;-webkit-transition:0.1s;transition:0.1s;-webkit-transition-timing-function:linear;transition-timing-function:linear;background-color:#dac5a7;position:fixed;pointer-events:none}body .profile-photo:after{content:"";position:absolute;bottom:-3px;left:-2px;width:102%;height:350px;background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,rgba(14,14,14,0)),to(#0e0e0e));background:linear-gradient(to bottom,rgba(14,14,14,0) 10%,#0e0e0e 100%)}body .logo-slider{overflow:hidden;width:100%;padding:20px 0;white-space:nowrap;position:relative}body .logo-slider:after,body .logo-slider:before{content:"";top:0;position:absolute;width:250px;height:100%;z-index:9}body .logo-slider:before{left:-2px;background:-webkit-gradient(linear,right top,left top,color-stop(10%,rgba(14,14,14,0)),to(#0e0e0e));background:linear-gradient(to left,rgba(14,14,14,0) 10%,#0e0e0e 100%)}body .logo-slider:after{right:-2px;background:-webkit-gradient(linear,left top,right top,color-stop(10%,rgba(14,14,14,0)),to(#0e0e0e));background:linear-gradient(to right,rgba(14,14,14,0) 10%,#0e0e0e 100%)}body .logo-track{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-animation:slide 20s linear infinite;animation:slide 20s linear infinite}body .logo-track img{width:80px;height:auto;-webkit-filter:sepia(1) saturate(1.2) hue-rotate(20deg);filter:sepia(1) saturate(1.2) hue-rotate(20deg)}body .section-title{-webkit-filter:drop-shadow(0 0 2px #dac5a7);filter:drop-shadow(0 0 2px #dac5a7)}body .section-title-2{-webkit-filter:drop-shadow(0 0 2px #0e0e0e);filter:drop-shadow(0 0 2px #0e0e0e)}body .skills .progress span:before{content:attr(data-value);position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;top:-35px;right:-10px;width:40px;height:30px;font-size:14px;border-radius:8px;background-color:rgba(218,197,167,0.4431372549);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}body #particles-js{position:absolute;width:100%;height:100%;background-color:transparent;z-index:-2}body .project-box{position:relative}body .project-box.first{background:url("../images/project-1.png");background-size:100% 100%;background-position:center}body .project-box.second{background:url("../images/project-2.png");background-size:100% 100%;background-position:center}body .project-box.third{background:url("../images/project-3.png");background-size:100% 100%;background-position:center}body .project-box.four{background:url("../images/project-4.png");background-size:100% 100%;background-position:center}body .project-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.364)}body .project-box .preview-link{width:150%;height:150%;opacity:0;-webkit-transition:0.3s;transition:0.3s}body .project-box:hover .preview-link{width:100%;height:100%;opacity:1}body footer{-webkit-box-shadow:5px 0 30px -17px;box-shadow:5px 0 30px -17px}body footer .sections li{position:relative}body footer .sections li:after{content:"";position:absolute;bottom:-3px;height:2px;width:0%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:0.3s;transition:0.3s;background-color:#dac5a7}body footer .sections li:hover:after{width:100%}.scroll-to-top{display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(0px);transform:translateY(0px);z-index:999;opacity:0}.scroll-to-top:hover{-webkit-box-shadow:1px 1px 20px -10px;box-shadow:1px 1px 20px -10px}@-webkit-keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes slide{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@-webkit-keyframes slide-tablet{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-70%);transform:translateX(-70%)}}@keyframes slide-tablet{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-70%);transform:translateX(-70%)}}@-webkit-keyframes slide-mobile{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@keyframes slide-mobile{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-200%);transform:translateX(-200%)}}@-webkit-keyframes blink{0%{opacity:1;width:10px;height:10px}50%{opacity:0.5;width:20px;height:20px}to{opacity:1;width:10px;height:10px}}@keyframes blink{0%{opacity:1;width:10px;height:10px}50%{opacity:0.5;width:20px;height:20px}to{opacity:1;width:10px;height:10px}}@media (max-width:1024px){.logo-track{-webkit-animation:slide-tablet 15s linear infinite!important;animation:slide-tablet 15s linear infinite!important}}@media (max-width:767px){.skills .progress span:before{font-size:12px!important;top:-30px;right:-5px;width:35px;height:25px}.logo-track{-webkit-animation:slide-mobile 12s linear infinite!important;animation:slide-mobile 12s linear infinite!important}.logo-slider:after,.logo-slider:before{width:170px!important}.logo-track img{width:50px!important}}