.typing-animation,.typing-container{display:inline-block}#About-me .container,#My-Projects .card,#Services .row .col-12.col-lg-4.my-2 .card,#toggle-projects,.splide__track.splide__track--slide.splide__track--ltr.splide__track--draggable,footer,header{background:rgba(255,255,255,0)!important}body:before,header,html:before{position:fixed;top:0;width:100%}.nav-link:focus::after,.nav-link:hover::after,header,nav{width:100%}footer,header{padding:15px}body:before,html:before{content:"";height:100vh;background-image:url(assets/photo-1542831371-29b0f74f9713.webp);left:0;z-index:-1;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}body{margin:0;padding:0;overflow-x:hidden;font-family:Cairo,sans-serif}div.container{contain:layout style}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#caa377;border-radius:10px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background-color:#555}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000}nav{color:transparent}.navbar-toggler-icon{background-image:var(--bs-navbar-toggler-icon-bg)}.nav-link{color:#fff;font-weight:700;text-decoration:none;position:relative}.nav-link:focus,.nav-link:hover{color:#caa377!important}.nav-link::after{content:'';position:absolute;width:0;height:2px;background-color:#46aec5;left:0;bottom:-2px;transition:width .3s}.typing-container{overflow:hidden;border-right:2px solid;white-space:nowrap;margin:0 auto;letter-spacing:2px;animation:.75s step-end infinite blink-caret}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:#caa377}}.collapse.navbar-collapse{justify-content:start}.social-links{display:flex;gap:15px;justify-content:center;margin-block:25px;flex-wrap:wrap}#About-me,#My-Skills,.social-link{justify-content:center;position:relative;display:flex}.social-link{color:#d7d7d7;font-size:24px;text-decoration:none;vertical-align:middle;align-items:center;width:50px;height:50px;border-radius:50%;background-color:#0d0d0d}.social-link::after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;opacity:0;transition:opacity .3s;pointer-events:none}.social-link:hover::after{opacity:1}.svg-icon svg path{fill:#ffffff;transition:fill .3s}#About-me,#My-Skills{height:100vh;width:100vw;align-items:center}#About-me .container{border-radius:24px;padding:20px;border:3px solid #caa377;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#About-me h1,#About-me h2{color:#46aec5;text-wrap:balance}#About-me p{color:#fff;font-weight:400;font-size:1.25rem;text-align:justify;padding-inline-end:50px}#About-me .container .row .col-12.col-lg-4{display:flex;justify-content:center;flex-direction:column}#About-me .container .row .col-12.col-lg-4 .my-img img{border-radius:50%;border:3px solid #caa377;padding:3px}#My-Projects .container .row .col-12 h1,#My-Skills h1,#Services .row .col-12 h1{color:#fff;padding-bottom:10px}.splide{width:100%;height:auto}.splide__slide img{width:70%;height:auto;object-fit:contain}.splide__arrow--next{right:-5em}.splide__arrow--prev{left:-5em}.splide__track.splide__track--slide.splide__track--ltr.splide__track--draggable{padding-block:40px!important;border-radius:24px!important;border:3px solid #caa377!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.splide__list{align-items:center}.splide__slide{display:flex;justify-content:center;align-items:center}footer .col-12.col-lg-6,footer .col-12.col-lg-6 .row .col-12{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.splide__arrows{display:none}.custom-arrow{position:absolute;top:50%;transform:translateY(-50%);background:0 0;border:none;font-size:2rem;cursor:pointer;z-index:10}.form-control,.form-control:focus{background-color:rgba(255,255,255,.1);color:#fff}.custom-prev{left:-50px}.custom-next{right:-50px}footer{width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid #caa377}.form-label{color:#fff;font-weight:700}footer .col-12.col-lg-6 img{width:200px}footer .col-12.col-lg-6 .row .col-12 p{color:#caa377;padding-bottom:10px;border-bottom:2px solid #46aec5;font-size:20px}.form-control{border:1px solid rgba(255,255,255,.3);border-radius:0;padding:10px;box-shadow:inset 0 0 0 0 rgba(0,0,0,.5),2px 2px 10px rgba(0,0,0,.2);transition:box-shadow .3s,border-color .3s}.form-control:focus{outline:0;border-color:rgba(255,255,255,.1);box-shadow:inset 3px 3px 8px rgba(0,0,0,.7),3px 3px 12px rgba(0,0,0,.4);font-size:16px}.btn.btn-primary.w-100{background-color:#000;border:3px solid #000;padding:12px 20px;border-radius:0;box-shadow:2px 2px 1px #fff;transition:.2s;font-size:1em;font-weight:700;color:#fff}.btn.btn-primary.w-100:hover{transform:translate(-2px,-1px);box-shadow:7px 7px 1px #fff;transition:.2s ease-in}#Services .row .col-12.col-lg-4.my-2 .card{border-radius:24px;padding:0 20px 20px;border:3px solid #caa377;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;height:100%;padding-inline:0}#Services .row .col-12.col-lg-4.my-2 .card .card-header{display:flex;justify-content:center;align-items:center;color:#d63574;font-size:20px;font-weight:700;border-bottom:2px solid #caa377;width:100%}#Services .row .col-12.col-lg-4.my-2 .card .card-body{display:flex;justify-content:space-around;align-items:center;flex-direction:column}#Services .row .col-12.col-lg-4.my-2 .card .card-body .col-12{display:flex;justify-content:center;align-items:center;flex-direction:column}#Services li,#Services strong{color:#fff}#Services li{margin-block:8px}#My-Projects .card{border-radius:24px;padding:0;border:3px solid #caa377;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;justify-content:center;align-items:center;height:100%}#My-Projects .card .card-body,#My-Projects .card .card-footer{background:rgba(255,255,255,0)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}#My-Projects .card-footer{border-bottom-left-radius:21px;border-bottom-right-radius:21px}#My-Projects .card .card-header img{width:100%;height:auto;border-top-left-radius:21px;border-top-right-radius:21px;object-fit:cover}#My-Projects .container .row .col-12.col-lg-6 .card .card-body .description{color:#fff;margin-block:1rem}.col-12.my-2.collapse.show{display:flex;flex-wrap:wrap}#My-Projects .btn.btn-primary{border:3px solid #46aec5!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;width:50%!important;background-color:transparent}@media (min-width:0px) and (max-width:992px){#About-me{height:auto;width:90%;display:flex;justify-content:center;align-items:center;position:relative;top:80px;margin-inline:auto}#About-me p{color:#fff;font-weight:400;font-size:1rem;text-align:justify;padding-inline-end:0px}#About-me .container .row .col-12.col-lg-4 .my-img img{border-radius:50%;border:3px solid #caa377;padding:3px;width:100%;height:auto}.custom-prev{left:30%}.custom-next{right:30%}.custom-arrow{position:absolute;top:110%;transform:translateY(-50%);background:0 0;border:none;font-size:2rem;cursor:pointer;z-index:10}#toggle-projects{width:100%}}