body{background-color:#000;color:#950101;font-family:Cairo,sans-serif}#typed-text{font-family:Cairo,sans-serif}p{color:#ffffff65}.text-uj{color:#7fc8e6;transition:all .3s ease}.text-uj:hover{color:#4aa3d9;transition:all .3s ease}span,strong{color:red}.brk{margin:auto;width:70%;border:none;height:2px;background-color:red}header{background-color:#000}li{color:#bbb}nav{background-color:#000;font-size:larger}.navbar-brand{width:50px;text-align:center}.navbar-brand img{width:100%;height:100%}.nav-link,.nav-link:visited{font-weight:bolder;color:red;transition:all .25s}.nav-link:hover,.nav-link:focus{color:#950101;transition:all .25s}.nav-link:active{color:#bbb}.navbar-nav .nav-link.active,.navbar-nav .nav-link.active:hover{color:red}.navbar-icon{cursor:pointer;display:block;width:28px;height:24px}.navbar-icon-bar{display:block;width:100%;height:2px;background-color:#950101;transition:all .3s ease-in-out;margin-bottom:6px}.navbar-icon-bar:last-child{margin-bottom:0}.navbar-toggler{box-shadow:none;border:none;outline:none}.navbar-toggler:focus{box-shadow:none;border:none;outline:none}.navbar-toggler.collapsed .navbar-icon-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar-toggler.collapsed .navbar-icon-bar:nth-child(2){opacity:0}.navbar-toggler.collapsed .navbar-icon-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.flag{width:23px}.divider{color:#9c2406}#welcome p{color:#bbb}#animated-text{font-size:10vw}#dexter-banner{background-image:url(../../Assets/Images/dexter-banner.gif);background-repeat:no-repeat;background-position:center}#accounts{font-size:25px;margin-inline:4%}#accounts a{margin-inline:4%}.accounts,.accounts:visited{color:#494949;transition:.25s;text-decoration:none}.accounts:hover{color:#490101;transition:.25s}.accounts:active{color:red}.accounts:focus{color:#fff}#aboutme p{font-size:18px}@media (max-width: 992px){#aboutme p{font-size:16px}}@media (max-width: 576px){#aboutme p{font-size:15px}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#aboutme h1,#skills h1,#projects h1,#services h1,#contact h1,#experience h1{background:linear-gradient(45deg,#000,red,red,#000,red,red);background-size:300% 300%;animation:gradientAnimation 6s ease infinite;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}#skillsRow{font-size:larger}#skillsRow h3{font-weight:900;margin:40px 0 20px}#skillsRow span{color:#fff;font-size:larger}.skills-group{display:flex;flex-wrap:wrap;justify-content:start;gap:15px;margin-bottom:20px}.skills-group span{color:#fff}.skill-item{display:flex;align-items:center;background-color:#343a40;border-radius:13px;padding:5px 10px;color:#fff;white-space:nowrap;border:2px solid #6a6b6b;height:45px;min-width:80px;box-sizing:border-box}.skill-item img{width:auto;height:28px;max-width:40px;margin-right:8px;object-fit:contain}#rawiah h2,#rawiah a{color:#f7c75a}#guider h2{color:#d63b99}#sahem h2{color:#9929af}#ucp h2{color:#525ceb}#ucp span{color:#027dfd}#ucp .skills-group span{color:#fff}footer{text-align:center;color:#fff}.footer-sign{color:#950101;text-decoration:none}#avatar{width:345px;border-radius:4px}.hidden{opacity:0;transition:all 1.9s}.show{opacity:1;filter:blur(0);transform:translate(0)}#services hr{height:1px;background-color:red;border:none;text-align:start;width:100%}.svgs{width:50%}.cake{width:100%}#services .carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-bar-right'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M4.146%203.646a.5.5%200%200%200%200%20.708L7.793%208l-3.647%203.646a.5.5%200%200%200%20.708.708l4-4a.5.5%200%200%200%200-.708l-4-4a.5.5%200%200%200-.708%200zM11.5%201a.5.5%200%200%201%20.5.5v13a.5.5%200%200%201-1%200v-13a.5.5%200%200%201%20.5-.5z'/%3e%3c/svg%3e")}#services .carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='currentColor'%20class='bi%20bi-chevron-bar-left'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M11.854%203.646a.5.5%200%200%201%200%20.708L8.207%208l3.647%203.646a.5.5%200%200%201-.708.708l-4-4a.5.5%200%200%201%200-.708l4-4a.5.5%200%200%201%20.708%200zM4.5%201a.5.5%200%200%200-.5.5v13a.5.5%200%200%200%201%200v-13a.5.5%200%200%200-.5-.5z'/%3e%3c/svg%3e")}.service-img{width:100%;height:auto}.skills-slider{overflow:hidden;width:100%;height:100%}.skills{white-space:nowrap;display:flex;animation:moveSkills 15s linear infinite}.skills img{width:100%;height:200px;margin-right:40px}@keyframes moveSkills{0%{transform:translate(100%)}to{transform:translate(-120%)}}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.logos{overflow:hidden;padding:60px 0;white-space:nowrap;position:relative}.logos:before,.logos:after{position:absolute;top:0;width:250px;height:100%;content:"";z-index:2}.logos:before{left:0;background:linear-gradient(to left,#fff0)}.logos:after{right:0;background:linear-gradient(to right,#fff0)}.logos:hover .logos-slide{animation-play-state:paused}.logos-slide{display:inline-block;animation:35s slide infinite linear}.logos-slide img{height:150px;margin:0 40px}@media (max-width: 768px){.skills{animation:moveSkills 8s linear infinite}.skills img{width:100px;height:100px}}@media (min-width: 390px) and (max-width: 576px){@keyframes moveSkills{0%{transform:translate(100%)}to{transform:translate(-270%)}}}@media (min-width: 600px) and (max-width: 990px){@keyframes moveSkills{0%{transform:translate(100%)}to{transform:translate(-220%)}}}@media (min-width: 992px) and (max-width: 1200px){@keyframes moveSkills{0%{transform:translate(100%)}to{transform:translate(-160%)}}}.wrapper{width:90%;max-width:1536px;margin-inline:auto;height:100px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000);mask-image:linear-gradient(to right,#0000,#000 20%,#000 80%,#0000)}@keyframes scrollLeft{to{left:-200px}}@keyframes scrollRight{to{right:-200px}}.itemLeft,.itemRight{width:200px;height:100px;position:absolute;animation-timing-function:linear;animation-duration:30s;animation-iteration-count:infinite}.itemLeft{left:max(1600px,100%);animation-name:scrollLeft}.itemRight{right:max(1600px,calc(100% + 200px));animation-name:scrollRight}.item1{animation-delay:-26.25s}.item2{animation-delay:-22.5s}.item3{animation-delay:-18.75s}.item4{animation-delay:-15s}.item5{animation-delay:-11.25s}.item6{animation-delay:-7.5s}.item7{animation-delay:-3.75s}.item8{animation-delay:-0s}.wrapper img{text-align:center;max-width:50%}.react-logo{width:33%}.nodejs-logo{width:25%}.nextjs-logo{width:33%}.js-logo,.ts-logo{width:28%}.tailwind-logo,.bootstrap-logo,.sass-logo{width:35%}.redux-logo,.vite-logo,.vercel-logo,.netlify-logo{width:30%}.flutter-logo{width:25%}.dart-logo{width:30%}.figma-logo{width:20%}.git-logo{width:30%}#copyright{color:#950101}.btn-danger{background-color:#950101;border-color:#950101}.btn-danger:hover{background-color:red;border-color:red}.gradient-btn{background:linear-gradient(45deg,#950101,red);border:none;border-radius:5px;color:#fff;font-weight:700;margin:auto;font-size:1rem;transition:all .3s ease}.gradient-btn:hover{background:linear-gradient(45deg,#950101,red);transform:scale(1.05);transition:all .3s ease}.gradient-btn:active{background:linear-gradient(45deg,#950101,red);transform:scale(.98);transition:all .1s ease}.gradient-card{background:linear-gradient(to bottom right,#ac0000cc,#490101cc);border:none;color:#fff;padding:4px;border-radius:15px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.gradient-card:hover{transform:translateY(-10px)}.card-body.bg-dark{background:linear-gradient(45deg,#000,#121212);border-radius:0 0 15px 15px;padding:20px}.gradient-title{background:linear-gradient(45deg,red,#950101);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.gradient-text{background:linear-gradient(45deg,#fff,#cbcbcb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.card img{border-top-left-radius:10px;border-top-right-radius:10px}.typing-container{width:100%;font-family:Arial,sans-serif;font-size:24px;padding:20px}#typed-text{color:#fff}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.memoji{max-width:50%}@media (min-width: 576px){.memoji{max-width:35%}}@media (min-width: 768px){.memoji{max-width:28%}}@media (min-width: 992px){.memoji{max-width:20%}}@media (max-width: 390px){.memoji{max-width:40%}}.contact-section{padding:60px 0}.contact-section h2{text-align:center}.contact-section p{margin-bottom:40px;font-size:larger}.contact-image{max-width:100%;height:auto}#emailDiv{border-top-left-radius:50px;border-top-right-radius:50px}#particles-js{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#app{position:relative;z-index:1}.icon-square{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#939393;margin:0 5px;border-radius:5px}.icon-square:hover{cursor:pointer}.icon-square i{font-size:25px;color:#fff}.icon-square.twitter-x:hover{background-color:#111}.icon-square.github:hover{background-color:#333}.icon-square.linkedin:hover{background-color:#0077b5}.icon-square.youtube:hover{background-color:red}.icon-square.instagram:hover{background:radial-gradient(circle at 33% 100%,#fdf497,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.form-control::-webkit-input-placeholder{color:#a3a3a3}.form-control:-moz-placeholder{color:a3a3a3}.form-control::-moz-placeholder{color:a3a3a3}.form-control:-ms-input-placeholder{color:a3a3a3}img.w-50{transition:transform .3s ease}img.w-50:hover{transform:scale(1.1)}.position-relative{position:relative;display:inline-block}.speech-bubble{position:absolute;bottom:103%;left:70%;transform:translate(-50%);background-color:#333;color:#fff;padding:10px;border-radius:10px;font-size:14px;display:none;width:200px;text-align:center;z-index:1}.speech-bubble:after{content:"";position:absolute;bottom:-10px;left:90%;transform:translate(-50%);width:0;height:0;border:10px solid transparent;border-top-color:#333}.position-relative:hover .speech-bubble{display:block}#contactForm .form-control{background-color:#fff3;color:#fff;border-color:transparent;padding:10px 15px;border-radius:5px}#contactForm .form-control:focus{background-color:#ffffff4d}textarea{resize:none}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes opacityChange{50%{opacity:.5}to{opacity:1}}.conic{position:relative;z-index:0;width:100%;height:100%;border-radius:10px;overflow:hidden;padding:2rem}.conic:before{content:"";position:absolute;z-index:-2;left:-50%;top:-50%;width:200%;height:200%;background-color:#000;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(transparent,#950101,transparent 30%);animation:rotate 4s linear infinite}.conic:after{content:"";position:absolute;z-index:-1;left:6px;top:6px;width:calc(100% - 12px);height:calc(100% - 12px);background:#111;border-radius:5px}@media (max-width: 991px){.conic:before{width:250%;height:250%;left:-75%;top:-75%}}@media (max-width: 768px){.conic:before{width:300%;height:300%;left:-100%;top:-100%}}.scroll-to-top{text-decoration:none;color:#950101;background-color:#e0e0e0;font-size:44px;position:fixed;bottom:35px;right:30px;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:25px;height:25px}.alert{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:9999;width:auto;max-width:400px;margin:10px;background-color:#000;color:#fff}@media (max-width: 600px){.alert{top:auto;bottom:10px;transform:translate(-50%);width:90%;max-width:none}}.alert.show{opacity:1;transition:opacity .5s ease}.alert.hide{opacity:0;transition:opacity .5s ease}