@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap";.hero-container__wrapper{width:100%;height:555px}.hero-header__wrapper{display:flex}.hero-texts_wrapper{z-index:1;padding:200px 0 0 120px;animation:effectOpacity 2s ease-in-out}.hero-header__text{font-size:50px;font-weight:500}.hero-subheader__text{color:#202020;font-size:24px;width:950px;margin-top:10px;letter-spacing:1px}.hero-image__wrapper{margin:0 auto}.AJ-logo{width:700px}.image-splatter{position:absolute;top:-300px;left:-220px;animation:splatterEffect1 1s ease-in-out}.image-splatter2{position:absolute;top:300px;left:50px;animation:splatterEffect2 1s ease-in-out}.image-splatter3{display:block;position:absolute;top:0px;right:100px;animation:splatterEffect3 .5s ease-in}.hero-cartoon-image__wrapper{position:absolute;top:510px;right:500px}.hero-cartoon__image{display:none;width:490px;margin-left:70px}.hero-cartoon-image2__wrapper{position:absolute;top:724px;left:300px}.hero-cartoon__image2{display:none}.start-animation{display:block;animation:effectOpacity 2s ease-in-out}@keyframes splatterEffect1{0%{opacity:0}30%,to{opacity:1}}@keyframes splatterEffect2{0%{opacity:0}50%,to{opacity:1}}@keyframes splatterEffect3{0%{opacity:0}80%,to{opacity:1}}@keyframes effectOpacity{0%{opacity:0}to{opacity:1}}.hero-btns_wrapper{margin-top:60px}.nav-container__wrapper{display:flex;justify-content:center;padding:20px;height:100vh}.contactme__wrapper{background-color:#0000001a;height:600px;padding:50px 100px;box-shadow:#000000bf 0 1px 15px}.contanctme__text{color:#f3f3f3;font-size:40px}.form-container{color:#f3f3f3}.form-container label{font-size:24px}.form-container input{width:350px;background-color:#202020;border:1px solid rgba(244,244,244,.4);color:#f3f3f3}.message-input{max-height:200px;min-height:200px;max-width:350px;min-width:350px;color:#f3f3f3;background-color:#202020;border:1px solid rgba(244,244,244,.4)}.btn-container__wrapper{display:flex;justify-content:center}.btn-submit{padding:0 40px;font-size:15px;border-radius:10px;background-color:#5e17eb;color:#f3f3f3;border:none;cursor:pointer;margin-top:20px}.contactme-warning__text{color:#f4f4f466;position:absolute;bottom:90px;left:100px;width:60%;letter-spacing:1px;line-height:1.5}.success-fail__wrapper{margin-top:100px;text-align:center}.success-contact{opacity:1;color:#32cd32;transition:opacity 1s ease-in-out;font-weight:700;letter-spacing:1px}.fail-contact{color:red;animation:successFailEffect 1s ease-in}.fadeout{opacity:0;color:#32cd32}.socialmedia-container__wrapper{display:flex;justify-content:space-between;gap:10px;padding:280px 0 0 30px}.socialmedia-container__wrapper a{padding-left:10px}.brightness__wrapper{margin-right:30px}.brightness__wrapper button{padding:5px;border:none;background-color:transparent;cursor:pointer;transition:all .5s linear}.btn-light:hover{color:#f3f3f3;background-color:#202020;border:1px solid #202020;border-radius:50px;padding:5px;transition:all 1s linear}.btn-dark{color:#f3f3f3}.btn-dark:hover{color:#202020;background-color:#f3f3f3;border:1px solid #f3f3f3;border-radius:50px;padding:5px;transition:all 1s linear}.about-container__wrapper{background-color:#5e17eb;height:900px;width:100%;padding-top:130px;text-align:center}.about-header__text{color:#f3f3f3}.about-paragraph__text{display:inline-block;color:#f3f3f3;font-size:20px;width:700px;padding-top:30px;margin-bottom:100px;letter-spacing:1px}.description__wrapper{display:flex;justify-content:center}.description-container__wrapper{background-color:#f3f3f3;width:850px;height:450px;box-shadow:#00000059 0 5px 15px;margin-right:90px;border-radius:10px}.description-list__wrapper{color:#f3f3f3;font-size:20px;margin-right:20px}.description-list__wrapper ul{list-style:none}.description-list__wrapper ul button{border:none;background-color:transparent;font-size:20px;color:#f3f3f3;cursor:pointer}.description-list__wrapper ul li{margin-top:25px;letter-spacing:1px}.description-texts__wrapper{display:flex}.description-texts__header{color:#202020;font-weight:400}.description-texts-container{width:300px;height:450px;box-shadow:#00000059 0 0 .8px}.description-texts-container__after{opacity:0;width:300px;height:450px;box-shadow:#00000059 0 0 .8px}@keyframes opacityEffect{0%{opacity:0}to{opacity:1}}.description-texts__subheader{font-size:12px;margin-top:10px;color:#0000004d;padding:0 10px}.description-texts__title1{font-size:18px;margin-top:30px;color:#5e17eb}.hobbies-container{display:grid;grid-template-columns:repeat(3,284px);grid-template-rows:repeat(2,225px)}.floatfloat{transform:translate(-50%);animation:float 3s ease-in-out infinite;margin-top:20px}.tx{box-shadow:#00000059 0 0 .8px}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-10px)}to{transform:translatey(0)}}.project-title__wrapper{text-align:center;margin-top:100px}.project-title__text{font-size:40px}.project-paragraph__text{display:inline-block;color:#0006;width:500px;margin-top:30px}.line-visual__wrapper{text-align:center}.line-visual{width:250px;height:200px}.contents-container__wrapper{display:flex;height:500px;width:100%;padding:10px;margin:50px auto 0;overflow-x:hidden}.contents__wrapper{display:flex;width:900px;height:370px;border-radius:10px;background-color:#5e17eb;margin:50px auto 0 10px;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.marLeft{margin-left:10px}.content-project-sumamry__wrapper{width:500px}.content-project_one{width:500px;height:370px;object-fit:cover;border-top-left-radius:10px;border-bottom-left-radius:10px}.content-project-summary_one{color:#f3f3f3;padding:10px}.content-project__buttons{position:relative;bottom:-250px;left:0}.twoBtns{position:relative;bottom:-130px;left:0}.threeBtns{position:relative;bottom:-250px;left:0}.fourBtns{position:relative;bottom:-275px;left:0}.fiveBtns{position:relative;bottom:-169px;left:0}.sixBtns{position:relative;bottom:-275px;left:0}.sevenBtns{position:relative;bottom:-105px;left:0}.content-btn__viewproject{font-size:11px;text-transform:uppercase;padding:1px 10px;color:#f3f3f3;background-color:#5e17eb;border-radius:10px;border:1px solid #5e17eb;margin-right:10px;text-decoration:none;cursor:pointer}.content-btn__viewcode{font-size:11px;text-transform:uppercase;padding:1px 10px;border:none;background-color:transparent;text-decoration:none;color:#202020;cursor:pointer}.fitImage{object-position:left}.see-all__wrapper{text-align:center}.see-all__wrapper button{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#f3f3f3;background-color:#5e17eb;border-radius:50px;padding:5px 10px;margin-top:20px;border:none;box-shadow:#0000003d 0 3px 8px;cursor:pointer;transition:all .5s ease-in}.see-all__wrapper button:hover{transition:all .5s ease-out;background-color:#00bf63}.hero-container{padding-top:50px}.aboutme-container{padding-top:70px}.hamburgermenu__wrapper{position:absolute;top:15px;right:20px;z-index:3}.btn-icon{border:none;background-color:transparent;cursor:pointer}.phone-icon{transform:rotate(-110deg)}.overlayNone{position:absolute;top:-100%;left:0;width:100%;height:100%;background-color:#202020;z-index:2}.overlayClose{position:absolute;top:-100%;left:0;width:100%;height:100%;background-color:#202020;z-index:2;animation:overlayCloseAnimation .5s ease-out}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#202020;z-index:2;animation:overlayAnimation .5s ease-in}@keyframes overlayAnimation{0%{top:-100%}to{top:0}}@keyframes overlayCloseAnimation{0%{display:block;top:0}to{display:none;top:-100%}}.footer-container__wrapper{margin-top:190px;width:100%;height:250px;background-color:#5e17eb}.footer-title__wrapper{padding:20px;display:flex}.footer-title__header{color:#f3f3f3;font-size:40px}.footer-title__quote{text-align:center;color:#f4f4f499;width:350px;margin-top:20px;font-size:15px;font-weight:500}.footer-ul__wrapper{list-style:none;margin-left:100px}.footer-ul__wrapper li{color:#f3f3f3;margin-top:10px}.footer-ul__wrapper li button{background-color:transparent;border:none;color:#f3f3f3;font-size:15px;cursor:pointer}.footer-ul__wrapper li a{text-decoration:none;color:#f3f3f3;font-size:15px}.footer-title-logo__wrapper{display:flex;justify-content:space-between}.footer-logo{width:190px;margin-right:50px;will-change:filter;transition:filter .3s;animation:logo-spin infinite 20s linear}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.App{height:100%;width:100%}#light{background-color:#f3f3f3}#dark{background-color:#202020}.project__image{width:300px;height:350px;object-fit:cover}.back-btn__wrapper{position:absolute;top:0;left:0;width:100%;z-index:10}.backBtn{background-color:transparent;border:none;cursor:pointer;padding:10px}.all-projects__wrapper{display:grid;grid-template-columns:1;gap:70px;padding-bottom:30px;width:100vw;height:100vh;overflow:auto;padding-top:50px}.all-projects__wrapper::-webkit-scrollbar{border-radius:50%}.all-projects__wrapper::-webkit-scrollbar-track{background-color:transparent}.all-projects__wrapper::-webkit-scrollbar-thumb{background-color:#5e17eb;border:4px solid transparent;border-radius:8px;background-clip:padding-box}.content{font-size:13px;padding:10px;color:#f3f3f3}.gridItems{width:300px;height:350px}.screenshots__wrapper{display:flex}.nf-screenshot-1,.nf-screenshot-2{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/nf-screenshot-2-4fb42fcb.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.nf-screenshot-2{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/nf-screenshot-3-7ba7f0d2.PNG)}.preview-container-nf{position:relative;top:0;left:0;z-index:5;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/nf-a8a7a522.png);background-size:cover;background-repeat:no-repeat;background-position:center center;margin-top:20px;width:800px;height:350px;transition:all 1s ease;box-shadow:#000000e6 -2px 5px 15px 5px}.preview-container-nf>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-nf:hover,.preview-container-yt:hover,.preview-container-blogger:hover,.preview-container-shoplift:hover,.preview-container-shopliftAdmin:hover,.preview-container-kaliphotography:hover,.preview-container-financeTracker:hover,.preview-container-Todo:hover{transform:scale(1.1);transition:all 1s ease;box-shadow:none}.preview-container-nf:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/nf-a8a7a522.png);background-size:cover;background-position:center center;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;width:800px;height:350px;opacity:1;transition:opacity,box-shadow 1s ease;cursor:pointer}.netflixBtns{margin-top:10px;color:#f3f3f3}.yt-screenshot-1,.yt-screenshot-2{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/yt-screenshot-2-027c732c.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.yt-screenshot-2{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/yt-screenshot-3-69fc9e9e.PNG)}.preview-container-yt{position:relative;top:0;left:0;z-index:5;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/ytclone-6765bfab.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;margin-top:20px;width:800px;height:350px;transition:all 1s ease;box-shadow:#000000e6 -2px 5px 15px 5px}.preview-container-yt>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-yt:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/ytclone-6765bfab.PNG);background-size:cover;background-position:center center;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;transition:opacity,box-shadow 1s ease;width:800px;height:350px;opacity:1;cursor:pointer}.blogger-screenshot-1,.blogger-screenshot-2{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/blogger-screenshot-2-7ecf905a.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.blogger-screenshot-2{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/blogger-scnreenshot-3-bcbd1962.PNG)}.preview-container-blogger{position:relative;top:0;left:0;z-index:5;box-shadow:#000000e6 -2px 5px 15px 5px;transition:all 1s ease;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/Bloggerss-73457881.png);background-size:cover;background-repeat:no-repeat;background-position:center center;margin-top:20px;width:800px;height:350px}.preview-container-blogger>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-blogger:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/Bloggerss-73457881.png);background-size:cover;background-position:center center;width:800px;height:350px;opacity:1;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;transition:opacity,box-shadow 1s ease;cursor:pointer}.bloggerBtns{margin-top:10px;color:#f3f3f3}.shoplift-screenshot-1,.shoplift-screenshot-2{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/shopclient-screenshot-2-f943cf09.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.shoplift-screenshot-2{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/shopclient-screenshot-3-8cbc17c8.PNG)}.preview-container-shoplift{position:relative;top:0;left:0;z-index:5;box-shadow:#000000e6 -2px 5px 15px 5px;transition:all 1s ease;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/shopNZ-0b6d8606.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:800px;height:350px}.preview-container-shoplift>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-shoplift:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/shopNZ-0b6d8606.PNG);background-size:cover;background-position:center center;width:800px;height:350px;opacity:1;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;transition:opacity,box-shadow 1s ease;cursor:pointer}.shopliftBtns{margin-top:10px;color:#f3f3f3}.shopliftAdmin-screenshot-1,.shopliftAdmin-screenshot-2{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/shopadmin-screenshot-2-09be1b59.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.shopliftAdmin-screenshot-1{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/shopadmin-screenshot-3-9a22e9db.PNG)}.preview-container-shopliftAdmin{position:relative;top:0;left:0;z-index:5;margin-top:20px;box-shadow:#000000e6 -2px 5px 15px 5px;transition:all 1s ease;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/shopAdmin-35e50b72.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:800px;height:350px}.preview-container-shopliftAdmin>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-shopliftAdmin:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/shopAdmin-35e50b72.PNG);background-size:cover;background-position:center center;width:800px;height:350px;opacity:1;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;transition:opacity,box-shadow 1s ease;cursor:pointer}.shopliftAdminBtns{margin-top:10px;color:#f3f3f3}.kaligraphy-screenshot-1,.kaligraphy-screenshot-2{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/kali-screenshot-2-f7cba243.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.kaligraphy-screenshot-2{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/kali-screenshot-3-248b7894.PNG)}.preview-container-kaliphotography{position:relative;top:0;left:0;z-index:5;margin-top:20px;box-shadow:#000000e6 -2px 5px 15px 5px;transition:all 1s ease;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/kaliphotography-656e1d1d.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:800px;height:350px}.preview-container-kaliphotography>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-kaliphotography:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/kaliphotography-656e1d1d.PNG);background-size:cover;background-position:center center;width:800px;height:350px;opacity:1;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;transition:opacity,box-shadow 1s ease;cursor:pointer}.kaliphotographyBtns{margin-top:10px;color:#f3f3f3}.financeTracker-screenshot-1,.financeTracker-screenshot-2{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/finance-screenshot-2-bf99360f.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.financeTracker-screenshot-2{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/finance-screenshot-3-bd653a54.PNG)}.preview-container-financeTracker{position:relative;top:0;left:0;z-index:5;margin-top:20px;box-shadow:#000000e6 -2px 5px 15px 5px;transition:all 1s ease;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/financetrackerss-69b94eac.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:800px;height:350px}.preview-container-financeTracker>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-financeTracker:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/financetrackerss-69b94eac.PNG);background-size:cover;background-position:center center;width:800px;height:350px;opacity:1;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;transition:opacity,box-shadow 1s ease;cursor:pointer}.financeTrackerBtns{margin-top:10px;color:#f3f3f3}.Todo-screenshot-1{position:relative;top:20px;left:0;z-index:1;margin-top:20px;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/todoscreenshot-0a90e6ad.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:540px;height:320px}.preview-container-Todo{position:relative;top:0;left:0;z-index:5;margin-top:20px;box-shadow:#000000e6 -2px 5px 15px 5px;transition:all 1s ease;background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)),url(/assets/todoscreenshot-0a90e6ad.PNG);background-size:cover;background-repeat:no-repeat;background-position:center center;width:800px;height:350px}.preview-container-Todo>.content{opacity:0;transition:opacity 1.2s ease}.preview-container-Todo:hover>.content{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/assets/todoscreenshot-0a90e6ad.PNG);background-size:cover;background-position:center center;width:800px;height:350px;opacity:1;box-shadow:#32325d40 0 30px 60px -12px,#5e17eb 0 18px 36px -18px;transition:opacity,box-shadow 1s ease;cursor:pointer}.TodoBtns{margin-top:10px;color:#f3f3f3}*{margin:0;padding:0;box-sizing:border-box;font-family:DM Sans,sans-serif}@media (max-width: 1900px){.hamburgermenu__wrapper{margin-right:30px}}@media (max-width: 1800px){.hero-image__wrapper{margin:100px auto 0}.AJ-logo{width:600px}.hero-cartoon-image__wrapper{position:absolute;top:550px;right:500px}.hero-cartoon__image{width:450px}.hero-cartoon-image2__wrapper{position:absolute;top:748px;left:300px}.hero-cartoon__image2{width:400px}}@media (max-width: 1600px){.splatter2,.splatter3{width:500px}.hero-cartoon-image__wrapper{right:300px}.hero-cartoon-image2__wrapper{left:300px}.footer-logo{width:150px}}@media (max-width: 1400px){.splatter2,.splatter3{width:450px}.hero-cartoon-image__wrapper{right:200px}.hero-cartoon-image2__wrapper{left:200px}}@media (max-width: 1300px){.image-splatter3{position:absolute;top:50px;right:50px}.splatter2,.splatter3{width:400px}.hero-cartoon-image__wrapper{top:649px;right:300px}.hero-cartoon__image{width:350px}.hero-cartoon-image2__wrapper{top:810px;left:200px}.hero-cartoon__image2{width:300px}}@media (max-width: 1200px){.image-splatter2{position:absolute;top:400px;left:0px}.splatter2{width:350px}.splatter3{width:400px}.hero-cartoon-image__wrapper{top:698px;right:300px}.hero-cartoon__image{width:300px}.hero-cartoon-image2__wrapper{position:absolute;top:840px;left:200px}.hero-cartoon__image2{width:250px}}@media (max-width: 1100px){.image-splatter2{position:absolute;top:400px;left:0px}.splatter2{width:350px}.splatter3{width:400px}.hero-cartoon-image__wrapper{right:200px}.hero-cartoon__image{width:300px}.hero-cartoon-image2__wrapper{left:270px}.hero-cartoon__image2{width:250px}}@media (min-width: 1000px){@keyframes slowToTheRight{0%{transform:translate(-10%)}to{transform:translate(-717%)}}.contents-container__wrapper .contents__wrapper{animation:slowToTheRight 30s linear infinite}.contents-container__wrapper:hover .contents__wrapper{animation-play-state:paused}}@media (max-width: 1000px){.image-splatter2{position:absolute;top:500px;left:0px}.splatter2{width:300px}.image-splatter3{position:absolute;top:150px;right:100px}.splatter3{width:300px}.hero-cartoon-image__wrapper{right:150px}.hero-cartoon__image{width:300px}.hero-cartoon-image2__wrapper{left:270px}.hero-cartoon__image2{width:250px}.hero-image__wrapper{margin:170px auto 0}.AJ-logo{width:500px}}@media (max-width: 991px){.App{height:100%;width:100vw}.hero-cartoon-image__wrapper{right:100px}.hero-cartoon-image2__wrapper{left:270px}.description-container__wrapper{width:550px;height:500px;overflow:auto}.description-texts-container{width:300px;height:500px}.description-list__wrapper ul button{font-size:15px}.about-header__text{font-size:30px}.about-paragraph__text{font-size:15px;width:700px}.hobbies-container{display:block}.footer-title__header{color:#f3f3f3;font-size:30px}.footer-title__quote{text-align:start;font-size:12px}.footer-ul__wrapper{list-style:none;margin-left:10px}.footer-ul__wrapper li{margin-top:15px;font-size:12px}.footer-ul__wrapper li a,.footer-ul__wrapper li button{font-size:12px}.footer-logo{width:150px}.contents-container__wrapper{display:block;width:820px;overflow-x:auto}.content-project_one{width:500px;height:370px;object-fit:cover;border-top-left-radius:10px;border-bottom-left-radius:10px}.contents__wrapper{width:800px;height:370px}.content-project-summary_one{font-size:15px}.content-project__buttons{bottom:-217px}.twoBtns{position:relative;bottom:-57px;left:0}.threeBtns{bottom:-195px}.fourBtns{bottom:-253px}.fiveBtns{bottom:-133px}.sixBtns{bottom:-253px}.sevenBtns{bottom:-75px}}@media (max-width: 900px){.hero-cartoon__image{width:250px}.hero-cartoon-image__wrapper{top:747px;right:150px}.hero-cartoon-image2__wrapper{left:170px}.footer-logo{width:150px}.contents-container__wrapper{display:block;width:700px;margin:50px auto 0 70px}.content-project_one{width:300px}.contents__wrapper{width:600px;height:370px}.content-project-summary_one{font-size:15px}}@media (max-width: 800px){.hero-cartoon-image__wrapper{right:50px}.hero-cartoon-image2__wrapper{left:170px}.footer-title__header,.footer-title__quote{display:none}.contents-container__wrapper{display:block;width:500px;margin:50px auto 0 70px}.content-project_one{width:200px}.contents__wrapper{width:500px;height:370px}.content-project-summary_one{font-size:15px}}@media (max-width: 700px){.about-paragraph__text{width:500px}.description-container__wrapper{width:850px;height:450px}.hero-cartoon-image__wrapper{right:50px}.hero-cartoon-image2__wrapper{left:100px}.contents-container__wrapper{display:block;margin:50px auto 0 70px}.content-project_one{width:200px;display:none}.contents__wrapper{width:450px;height:370px}.content-project-summary_one{font-size:15px}.content-project__buttons{bottom:-274px}.twoBtns{bottom:-156px}.threeBtns{bottom:-256px}.fourBtns{bottom:-293px}.fiveBtns{bottom:-215px}.sixBtns{bottom:-295px}.sevenBtns{bottom:-153px}.nf-screenshot-1,.yt-screenshot-1,.blogger-screenshot-1,.shoplift-screenshot-1,.shopliftAdmin-screenshot-1,.kaligraphy-screenshot-1,.financeTracker-screenshot-1,.Todo-screenshot-1{display:none}.all-projects__wrapper{width:520px}.preview-container-nf,.preview-container-yt,.preview-container-blogger,.preview-container-shoplift,.preview-container-shopliftAdmin,.preview-container-kaliphotography,.preview-container-financeTracker,.preview-container-Todo{width:500px}.preview-container-nf:hover>.content,.preview-container-yt:hover>.content,.preview-container-blogger:hover>.content,.preview-container-shoplift:hover>.content,.preview-container-shopliftAdmin:hover>.content,.preview-container-kaliphotography:hover>.content,.preview-container-financeTracker:hover>.content,.preview-container-Todo:hover>.content{width:500px}}@media (max-width: 630px){.hero-cartoon__image{width:190px}.hero-cartoon-image__wrapper{top:807px;right:80px}.hero-cartoon-image2__wrapper{left:50px}.contents-container__wrapper{display:block;width:400px;margin:50px auto 0 100px}.content-project_one{width:200px;display:none}.contents__wrapper{width:350px;height:370px}.content-project__buttons{bottom:-235px}.twoBtns{bottom:-95px}.threeBtns{bottom:-215px}.fourBtns{bottom:-273px}.fiveBtns{bottom:-175px}.sixBtns{bottom:-275px}.sevenBtns{bottom:-115px}}@media (max-width: 545px){.hero-cartoon__image{width:170px}.hero-cartoon-image__wrapper{position:absolute;top:827px;right:90px}.hero-cartoon__image2{width:200px}.hero-cartoon-image2__wrapper{position:absolute;top:872px;left:40px}.contactme__wrapper{width:100%}.contents-container__wrapper{display:block;margin:50px auto 0 100px}.content-project_one{width:200px;display:none}.contents__wrapper{width:250px;height:370px}.content-project__buttons{bottom:-197px}.twoBtns{bottom:5px}.threeBtns{bottom:-176px}.fourBtns{bottom:-233px}.fiveBtns{bottom:-95px}.sixBtns{bottom:-235px}.sevenBtns{bottom:-12px}}@media (max-width: 500px){.AJ-logo{width:390px}.image-splatter2{top:500px;left:10px}.image-splatter3{top:70px;right:20px}.about-paragraph__text{font-size:13px;width:400px;margin-bottom:30px}.hero-cartoon__image{width:170px}.hero-cartoon-image__wrapper{position:absolute;top:827px;right:50px}.hero-cartoon__image2{width:200px}.hero-cartoon-image2__wrapper{position:absolute;top:872px;left:40px}.project-paragraph__text{width:400px}.contents-container__wrapper{display:block;width:300px;margin:50px auto 0 100px}.content-project_one{width:200px;display:none}.contents__wrapper{width:250px;height:370px}.form-container label{font-size:18px}.form-container input{width:283px}.message-input{max-width:283px;min-width:283px}.all-projects__wrapper{width:320px}.preview-container-nf,.preview-container-yt,.preview-container-blogger,.preview-container-shoplift,.preview-container-shopliftAdmin,.preview-container-kaliphotography,.preview-container-financeTracker,.preview-container-Todo{width:300px}.preview-container-nf:hover>.content,.preview-container-yt:hover>.content,.preview-container-blogger:hover>.content,.preview-container-shoplift:hover>.content,.preview-container-shopliftAdmin:hover>.content,.preview-container-kaliphotography:hover>.content,.preview-container-financeTracker:hover>.content,.preview-container-Todo:hover>.content{width:300px}}@media (max-width: 442px){.hero-cartoon__image2{width:160px}.hero-cartoon-image2__wrapper{position:absolute;top:897px;left:10px}}@media (max-width: 412px){.AJ-logo{width:250px;margin-top:50px;margin-right:10px}.image-splatter{left:-300px}.image-splatter2{right:150px}.image-splatter3{top:70px;right:50px}.nav-container__wrapper{padding:0}.contactme__wrapper{width:95%;padding:0}.form-container label{font-size:15px}.form-container input{width:283px}.message-input{max-width:283px;min-width:283px}.about-header__text{font-size:25px}.about-paragraph__text{width:250px}.hero-cartoon__image{width:150px}.hero-cartoon-image__wrapper{position:absolute;top:847px;right:60px}.hero-cartoon__image2{width:150px}.hero-cartoon-image2__wrapper{position:absolute;top:901px;left:20px}.project-paragraph__text{width:300px;margin-top:30px}.contents-container__wrapper{display:block;width:200px;margin:50px auto 0 70px;height:550px}.content-project_one{width:200px;display:none}.contents__wrapper{width:200px;height:470px}.content-project__buttons{bottom:-253px}.twoBtns{bottom:7px}.threeBtns{bottom:-213px}.fourBtns{bottom:-293px}.fiveBtns{bottom:-113px}.sixBtns{bottom:-293px}.sevenBtns{bottom:-12px}.footer-logo{width:100px}}@media (max-width: 370px){.footer-logo{width:100px}}@media (max-width: 288px){.contents-container__wrapper{width:50px;margin:50px auto 0 0}}@media (max-height: 870px){.contactme-warning__text{bottom:30px}}@media (max-height: 858px){.about-paragraph__text{margin-bottom:30px}}@media (max-height: 800px){.contactme-warning__text{bottom:0;font-size:13px}}@media (max-height: 700px){.contactme-warning__text{display:none}}@media (max-height: 637px){.contactme__wrapper{height:100%}}