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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;scroll-behavior:smooth}.scrollingOne{-webkit-animation:one 2s infinite;animation:one 2s infinite}.scrollingOne,.scrollingTwo{color:#fff;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.scrollingTwo{-webkit-animation:two 2s infinite;animation:two 2s infinite}@-webkit-keyframes one{0%,to{opacity:.7}50%{opacity:.1;-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%)}}@keyframes one{0%,to{opacity:.7}50%{opacity:.1;-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%)}}@-webkit-keyframes two{0%,to{opacity:.1}50%{opacity:.7;-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%)}}@keyframes two{0%,to{opacity:.1}50%{opacity:.7;-webkit-transform:rotate(-90deg) translateX(-50%);transform:rotate(-90deg) translateX(-50%)}}.portfolioNumber,.skillNumber{transition:1s}.skillOne{-webkit-animation:lll 7s infinite;animation:lll 7s infinite;opacity:.5}.skillTwo{-webkit-animation:lll 7s 1s infinite;animation:lll 7s 1s infinite;opacity:.5}.skillThree{-webkit-animation:lll 7s 2s infinite;animation:lll 7s 2s infinite;opacity:.5}.skillFour{-webkit-animation:lll 7s 3s infinite;animation:lll 7s 3s infinite;opacity:.5}.skillFive{-webkit-animation:lll 7s 4s infinite;animation:lll 7s 4s infinite;opacity:.5}@-webkit-keyframes lll{50%{opacity:1}}@keyframes lll{50%{opacity:1}}.quran{background:linear-gradient(90deg,#fff,#0097ff 89%)}.poke,.quran{text-shadow:0 0 10px #000}.poke{background:linear-gradient(51deg,#da1616,#f6f6f6 95%)}.yugi{background:linear-gradient(51deg,#f6e305 6%,#a404e8 78%)}.todo,.yugi{text-shadow:0 0 10px #000}.todo{background:linear-gradient(90deg,#ffb055 27%,#fff 93%)}.quranApi{background:linear-gradient(28deg,#458342 27%,#7100ad 68%);text-shadow:0 0 10px #000}.menuButton{display:none!important}.highlight,.menuHidden{display:none}.toTop{align-items:center!important;border-radius:50px!important;bottom:30px!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:70px!important;justify-content:center!important;position:fixed!important;right:30px!important;-webkit-transform:translateX(200%);transform:translateX(200%);transition:.3s!important;width:70px!important}::-webkit-scrollbar{background-color:#272727}::-webkit-scrollbar-thumb{background-color:#fff}@media (max-width:900px){.menuButton{display:flex!important}.navLink{display:none!important}.menuHidden{background-color:#272727;display:flex;flex-direction:column;gap:20px;height:100vh;padding-top:150px;position:fixed;-webkit-transform:translate(-100%);transform:translate(-100%);transition:.5s;width:300px}.menuShow{z-index:3}.highlightShow,.menuShow{-webkit-transform:translate(0);transform:translate(0)}.highlightShow{-webkit-animation:showToTop .5s;animation:showToTop .5s;background-color:rgba(0,0,0,.5);display:block;height:100vh;position:fixed;top:0;transition:.5s;width:100%;z-index:2}@-webkit-keyframes showToTop{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes showToTop{0%{-webkit-transform:translate(-100%);transform:translate(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}.highlightHidden,.menuHidden2{-webkit-transform:translate(-100%);transform:translate(-100%)}}@media (max-width:420px){.portfolio,.skills{font-size:2rem!important}}
/*# sourceMappingURL=main.9489b2b0.css.map*/