@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cinzel&display=swap);@import url(https://fonts.googleapis.com/css2?family=Harmattan&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Wix+Madefor+Display:wght@400..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dongle&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:300&display=swap);@import url(https://fonts.googleapis.com/css?family=Montserrat:500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.english-text{font-family:Press Start\ 2P,cursive;opacity:0;transition:opacity 1s ease}.cool-text{-webkit-text-stroke:.5px #eaefd3;color:#110c26;font-family:Raleway,sans-serif;font-weight:800;left:50%;position:center;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2}.french-text{font-family:Cinzel,sans-serif}.arabic-text,.french-text{opacity:0;transition:opacity 1s ease}.arabic-text{font-family:Harmattan,sans-serif}body{background-color:#110c26;height:100%;overflow:hidden}.page{opacity:0;transition:opacity 1s ease}.page-enter{opacity:1}.move-up{-webkit-animation:moveUp 1s ease-in-out forwards;animation:moveUp 1s ease-in-out forwards;position:absolute;top:50%}@-webkit-keyframes moveUp{0%{top:50%}to{top:40%}}@keyframes moveUp{0%{top:50%}to{top:40%}}.typing-text{color:#eaefd3;font-family:Anonymous Pro,monospace;font-size:20px;font-weight:600;left:50%;min-width:280px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.typing-text span{position:relative}.typing-text span:before{-webkit-animation:words 20s infinite;animation:words 20s infinite;color:#b3c0a4;content:"Software Developer"}.typing-text span:after{-webkit-animation:cursor .8s infinite,typing 20s steps(14) infinite;animation:cursor .8s infinite,typing 20s steps(14) infinite;background-color:#110c26;border-left:2px solid #b3c0a4;content:"";height:100%;position:absolute;right:-8px;width:calc(100% + 8px)}@-webkit-keyframes cursor{to{border-left:2px solid #110c26}}@keyframes cursor{to{border-left:2px solid #110c26}}@-webkit-keyframes words{0%,20%{content:"<p> I'm a Developer </p>"}21%,40%{content:"<p> I'm a Engineer </p>"}41%,60%{content:"<p> I'm a Learner </p>"}61%,80%{content:"<p> I'm a Solver </p>"}81%,to{content:"<p> I'm a Athlete </p>"}}@keyframes words{0%,20%{content:"<p> I'm a Developer </p>"}21%,40%{content:"<p> I'm a Engineer </p>"}41%,60%{content:"<p> I'm a Learner </p>"}61%,80%{content:"<p> I'm a Solver </p>"}81%,to{content:"<p> I'm a Athlete </p>"}}@-webkit-keyframes typing{10%,15%,20%,25%,30%,35%,40%,45%,5%,50%,55%,60%,65%,70%,75%,90%,95%{width:0}20%,25%,40%,45%,5%,60%,65%,80%,85%{width:calc(100% + 8px)}}@keyframes typing{10%,15%,20%,25%,30%,35%,40%,45%,5%,50%,55%,60%,65%,70%,75%,90%,95%{width:0}20%,25%,40%,45%,5%,60%,65%,80%,85%{width:calc(100% + 8px)}}.panda{z-index:6}.fireflies-canvas{left:0;pointer-events:none;position:fixed;top:0;z-index:3}.project{align-items:center;background-color:#505168;border:1px solid #f9eac7;border-radius:3px;color:#fff;display:flex;font-family:Poppins,sans-serif;font-weight:600;height:250px;justify-content:center;line-height:200px;position:absolute;width:500px;z-index:2}.project:hover+.car{background-color:#555;cursor:pointer;transition:background-color .3s ease}.background{-webkit-animation:animate 10s ease infinite;animation:animate 10s ease infinite;background:linear-gradient(-45deg,#181039,#4a1e5e,#101d39);background-size:800% 800%;height:100vh;width:100%}.text{color:#b3c0a4;font-family:Wix Madefor Display,sans-serif;font-size:40px;font-weight:700;text-shadow:-1px -1px 0 #eaefd3,1px -1px 0 #eaefd3,-1px 1px 0 #eaefd3,1px 1px 0 #eaefd3}.period-container{position:relative}.sphere{background-color:#fff9f9;background-color:#dcc48e;border-radius:50%;height:10px;left:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:10px}.fade-in{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.fade-out{-webkit-animation:fadeOut 1s forwards;animation:fadeOut 1s forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.project-details{background-color:rgba(0,0,0,.5);border-radius:4px;color:#c0b8e2;font-family:Poppins,sans-serif;height:70%;left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%;z-index:2}.project-details h3{font-size:20px;margin:0;padding:20px;position:relative}.project-details p{font-size:14px;font-weight:600;line-height:1.5;margin:0}.links{font-family:Helvetica,sans-serif;font-weight:400}.keys-text{color:#b3c0a4;font-family:Wix Madefor Display,sans-serif;font-size:20px;font-weight:300}body{margin:0;padding:0}.title{color:#dcc48e;font-family:Dongle,sans-serif;font-size:60px;text-shadow:-1px -1px 0 #160d47,1px -1px 0 #160d47,-1px 1px 0 #160d47,1px 1px 0 #160d47}.aboutme-container{align-items:center;-webkit-animation:animate 8s ease infinite;animation:animate 8s ease infinite;background:linear-gradient(-45deg,#312c51,#505168,#7f6a93);background-size:200% 200%;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.aboutme-content{color:#eff3e0;font-family:Montserrat,sans-serif;font-size:17px;font-weight:300}.tech-list{display:flex;justify-content:center;list-style:none;padding:0}.tech-list li{border-radius:6px;color:#eff3e0;gap:5px;height:50px;justify-content:center;justify-content:flex-start;list-style:none;margin:2px;max-height:100%;max-width:60%;max-width:80%;padding:0;width:50px}.tech-item,.tech-list li{align-items:center;background:transparent;display:flex;flex-wrap:wrap}.tech-item{justify-content:center;margin:5px;padding:10px;text-align:center;width:calc(12.5% - 20px)}.tech-list li img.tech-icon{fill:#dcc48e;-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg);height:35px;object-fit:contain;width:35px}@-webkit-keyframes animate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes animate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.line{background-color:#160d47;border-radius:10%;height:2px;left:20%;position:absolute;top:30%;width:60%}.fade-in{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}.slide-up{-webkit-animation:slideUp 1s forwards;animation:slideUp 1s forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideUp{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(-50px) translateX(-50%);transform:translateY(-50px) translateX(-50%)}}@keyframes slideUp{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(-50px) translateX(-50%);transform:translateY(-50px) translateX(-50%)}}.image-container{border:1px solid #b3c0a4;border-radius:50px;height:667px;width:500px}.image-container,.image-container:after{-webkit-animation:animate 8s ease infinite;animation:animate 8s ease infinite;background:linear-gradient(-45deg,#312c51,#505168,#7f6a93)}.image-container:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.transition-effect{transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.resume{color:#b3c0a4;font-family:Montserrat,sans-serif;font-size:30px;font-weight:500;text-decoration:none;text-shadow:-1px -1px 0 #160d47,1px -1px 0 #160d47,-1px 1px 0 #160d47,1px 1px 0 #160d47;transition:color .3s,text-shadow .3s}.resume:hover{color:#90a876}.resume:before{background-color:#90a876;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease-out;width:0}.resume:hover:before{width:100%}.arrow-down{margin-left:5px}.links{color:#eaefd3;font-family:Helvetica,Arial,sans-serif;font-size:15px;position:relative;text-decoration:none;transition:color .25s ease-out}.links:before{background-color:#eaefd3;bottom:-10%;content:"";height:1px;left:0;position:absolute;transition:width .25s ease-out;width:0}.links:hover{color:#b3c0a4}.links:hover:before{width:100%}.icon:hover{-webkit-filter:brightness(0) saturate(100%) invert(20%) sepia(70%) saturate(3000%) hue-rotate(160deg) brightness(90%) contrast(90%);filter:brightness(0) saturate(100%) invert(20%) sepia(70%) saturate(3000%) hue-rotate(160deg) brightness(90%) contrast(90%);-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:-webkit-transform .3s ease,-webkit-filter .3s ease;transition:transform .3s ease,filter .3s ease;transition:transform .3s ease,filter .3s ease,-webkit-transform .3s ease,-webkit-filter .3s ease}
/*# sourceMappingURL=main.ab3f5733.css.map*/