body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;::-webkit-scrollbar{display:none}}.hero{background:linear-gradient(200deg,#353535,#121212 50%,#242424);color:#e3e3e3;display:flex;height:calc(100vh - 150px);padding:150px 40px;text-align:center}.hero img{border-radius:100%;height:400px;margin:auto;width:400px}.hero .hero-text{font-family:Audiowide,sans-serif;font-size:2rem;font-style:normal;font-weight:400;margin:auto;padding-top:55px}.hero .hero-text h1:after{background-color:#ffffffc2;border-radius:2px;box-shadow:0 0 10px #ffffffc2;content:"";display:block;height:4px;margin:0 auto;width:140px}.hero .hero-text p{font-size:24px;padding-top:30px}.hero .buttons-holder{align-items:center;display:flex;justify-content:center}.projects{background:linear-gradient(123deg,#050505,#101010 50%,#020202 100%);color:#f0f8ff;padding-bottom:5vh}.projects-title{font-size:22px;padding:40px}.project-cards-holder{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(4,1fr);padding:20px}.project-cards-holder h1{text-align:start}.project-cards-holder a{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(123deg,rgba(0,0,0,.187) -20%,rgba(0,0,0,.187) 50%,rgba(38,38,38,.187));border:2px solid hsla(0,0%,100%,.358);border-radius:15px;color:#262626;color:#e3e3e3;padding:15px;text-decoration:none;transition:.4s ease-out}.project-cards-holder a:hover{border:3px solid hsla(0,0%,100%,.505);box-shadow:0 8px 32px 0 hsla(0,0%,100%,.383);scale:1.01;transition:.4s ease-out}.project-cards-holder p{font-weight:500;padding-top:20px;text-align:start}.amanak-card{grid-column:span 2;grid-row:span 3}.amanak-card li{margin:18px 20px}.amanak-card strong{font-weight:800}.dbd-card{grid-column:span 1}.Zaytooon-card,.dbd-card{grid-row:span 2}.d4-card{grid-column:span 2;grid-row:span 1}.icon-holder{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:rgba(0,0,0,.318);border:2px solid #c4c4c4;border-radius:7px;display:flex;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-bottom:10px;padding:10px;width:-webkit-fit-content;width:fit-content}.skills{background-color:#1c1c1c;color:#cdcdcd;padding-top:50px}.skills-title{font-size:22px;margin-bottom:13px}.skills-marquee-container{margin:auto;mask-image:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);-webkit-mask-image:linear-gradient(90deg,#0000,#000 15%,#000 85%,#0000);overflow:hidden;padding:20px 0;width:80%}.skills-marquee-track{animation:scroll-loop 20s linear infinite;display:flex;width:-webkit-max-content;width:max-content}.skills-text-holder{align-items:center;display:flex;gap:60px;padding-right:60px}.skill-text{color:#fff;margin:0;white-space:nowrap}.skills-details{display:grid;grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(5,1fr)}.skills-details div{background-color:#1c1c1c;border:2px solid #c4c4c4;border-radius:10px;margin:10px}.title{margin-bottom:15px;margin-top:20px}.soft-skills{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:40px}.soft-skill-card{border-left:3px solid #c4c4c4;padding-left:10px;text-align:start;width:300px}.contact{align-items:center;background-color:#121212;color:#cdcdcd;display:flex;justify-content:space-between;padding:40px;text-align:start}.contact-content{display:flex;flex-wrap:wrap;gap:20px}.contact-card{align-items:center;color:#c4c4c4;display:flex;flex-direction:column;gap:5px;justify-content:center;text-decoration:none;transition:.3s ease-in-out}.contact-card:hover{color:#fff;scale:1.1;text-shadow:0 0 10px #fff;transition:.3s ease-in-out}@media (max-width:768px){.hero{align-items:center;flex-direction:column;height:calc(100vh - 300px);justify-content:center;padding-top:200px}.hero .hero-text h1{font-size:1.5rem}.hero .hero-text p{font-size:1rem}.hero img{height:200px;margin-top:0;padding-top:0;width:200px}.hero .hero-buttons{flex-direction:column;gap:10px;margin:20px 0 0}.project-cards-holder{grid-auto-rows:auto;grid-template-columns:1fr}.hero .hero-buttons button{min-width:-webkit-fit-content;min-width:fit-content;width:100%}.project-cards-holder a{grid-column:span 1;grid-row:span 1}.skills-marquee-container{width:100%}.skills-details{display:grid;grid-auto-rows:minmax(200px,auto);grid-template-columns:repeat(2,1fr)}.skills-details div{padding:2px}.skill-card-css{grid-column:span 1;grid-row:span 1}.skill-card-appwrite{grid-column:span 1;grid-row:span 2}.contact{display:flex;flex-direction:column;gap:30px}.contact-content{align-items:center;justify-content:center}}@keyframes scroll-loop{0%{transform:translateX(0)}to{transform:translateX(-50%)}}*{margin:0;padding:0;scroll-behavior:smooth}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10101066;box-shadow:0 8px 32px 0 #ebebeb1a;height:100px;justify-content:space-between;left:0;padding-left:15px;position:fixed;top:0;width:100%;z-index:1000}.logo-holder,.navbar{align-items:center;display:flex}.logo-holder{justify-content:flex-start}.logo-holder img{filter:invert(100%);height:60px;left:0;top:0;width:auto}.links-holder,.logo-holder img{align-items:center;display:flex;justify-content:center}.links-holder{flex-direction:row}.links-holder ul{display:flex;gap:25px;list-style:none}.links-holder ul li a{color:#e3e3e3;font-size:17px;font-style:normal;font-weight:400;text-decoration:none;transition:.3s ease-in-out}.navbar .button-holder{align-items:center;display:flex;justify-content:flex-end;padding-right:40px}.navbar .button-holder button{background-color:initial;border:2px solid #e3e3e3;border-radius:25px;color:#e3e3e3;cursor:pointer;font-size:20px;font-weight:400;padding:10px 20px;transition:.3s ease-in-out}.navbar .button-holder button:hover{background-color:#e3e3e3;color:#101010;transition:.3s ease-in-out}@media (max-width:768px){.navbar ul{display:none}.navbar .button-holder button{font-size:1rem}.navbar .logo-holder img{height:40px}.navbar{height:70px}}
/*# sourceMappingURL=main.0d9fb746.css.map*/