@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap";*{margin:0;padding:0}.font-gaming{font-family:VT323,monospace;font-weight:400;font-style:normal}.font-space{font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-style:normal}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:gray;border-radius:3px}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.w-0{width:0%}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.h-25{height:25%}.h-0{height:0%}.m-5{margin:5rem}.m-4{margin:4rem}.m-3{margin:3rem}.m-2{margin:2rem}.m-1{margin:1rem}.m-05{margin:.5rem}.m-0{margin:0rem}.ml-5{margin-left:5rem}.ml-4{margin-left:4rem}.ml-3{margin-left:3rem}.ml-2{margin-left:2rem}.ml-1{margin-left:1rem}.ml-05{margin-left:.5rem}.ml-0{margin-left:0rem}.mr-5{margin-right:5rem}.mr-4{margin-right:4rem}.mr-3{margin-right:3rem}.mr-2{margin-right:2rem}.mr-1{margin-right:1rem}.mr-05{margin-right:.5rem}.mr-0{margin-right:0rem}.mt-5{margin-top:5rem}.mt-4{margin-top:4rem}.mt-3{margin-top:3rem}.mt-2{margin-top:2rem}.mt-1{margin-top:1rem}.mt-05{margin-top:.5rem}.mt-0{margin-top:0rem}.mb-5{margin-bottom:5rem}.mb-4{margin-bottom:4rem}.mb-3{margin-bottom:3rem}.mb-2{margin-bottom:2rem}.mb-1{margin-bottom:1rem}.mb-05{margin-bottom:.5rem}.mb-0{margin-bottom:0rem}.p-5{padding:5rem}.p-4{padding:4rem}.p-3{padding:3rem}.p-2{padding:2rem}.p-1{padding:1rem}.p-05{padding:.5rem}.p-0{padding:0rem}.pl-5{padding-left:5rem}.pl-4{padding-left:4rem}.pl-3{padding-left:3rem}.pl-2{padding-left:2rem}.pl-1{padding-left:1rem}.pl-0{padding-left:0rem}.pr-5{padding-right:5rem}.pr-4{padding-right:4rem}.pr-3{padding-right:3rem}.pr-2{padding-right:2rem}.pr-1{padding-right:1rem}.pr-0{padding-right:0rem}.pt-5{padding-top:5rem}.pt-4{padding-top:4rem}.pt-3{padding-top:3rem}.pt-2{padding-top:2rem}.pt-1{padding-top:1rem}.pt-0{padding-top:0rem}.pb-5{padding-bottom:5rem}.pb-4{padding-bottom:4rem}.pb-3{padding-bottom:3rem}.pb-2{padding-bottom:2rem}.pb-1{padding-bottom:1rem}.pb-0{padding-bottom:0rem}.bg-black{background-color:#282725}.bg-white{background-color:#fff}.bg-red{background-color:#f75454}.bg-blue{background-color:#00f}.bg-yellow{background-color:#dfff56}.bg-green{background-color:#36935d}.bg-gray{background-color:#ababab}.text-black{color:#000}.text-white{color:#fff}.text-red{color:#f75454}.text-blue{color:#00f}.text-yellow{color:#dfff56}.text-green{color:#36935d}.text-gray{color:#ababab}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-center{justify-content:center}.justify-start{justify-content:start}.justify-end{justify-content:end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-grow{flex-grow:1}.align-center{align-items:center}.cover{object-fit:cover}.text-center{text-align:center}.border-20{border-radius:20%}.border-10{border-radius:10%}.scale-15{transform:scale(1.5)}.scale-25{transform:scale(2.5)}.text-justify{text-align:justify}.line-height-18{line-height:1.8rem}.letter-spacing{letter-spacing:.05rem}.user-none{-webkit-user-select:none;user-select:none}.box-shadow{box-shadow:0 4px 22px #00000081}.text-decoration-none{text-decoration:none}.underline{text-decoration:underline}.pointer{cursor:pointer}.contactpage-cont{width:1300px}.card-grid{display:grid;width:100%;gap:10px;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:250px;padding:10px;justify-content:center}.mobile-size-on{display:none}.ham-trans{display:none;width:100%;padding:1rem 0;transition:all .5s ease-in-out;max-height:300px;opacity:1;overflow:hidden}.ham-trans.closed{display:none;max-height:0;opacity:0;padding:0}@media (max-width: 768px){.mobile-size-on{display:block}.ham-trans{display:block;width:100%;padding:1rem 0;transition:all .5s ease-in-out;max-height:300px;opacity:1;overflow:hidden}.ham-trans.closed{display:block;max-height:0;opacity:0;padding:0}}.footer-wrap{display:flex;flex-direction:column;justify-content:center;max-width:1300px}@media (max-width: 768px){.mobile-size-off{display:none}}@media (min-width: 768px){.footer-wrap{display:flex;flex-direction:row;justify-content:space-around;max-width:1300px;width:100%}}.font-30{font-size:3rem}.font-28{font-size:2.8rem}.font-26{font-size:2.6rem}.font-24{font-size:2.4rem}.font-22{font-size:2.2rem}.font-20{font-size:2rem}.font-18{font-size:1.8rem}.font-16{font-size:1.6rem}.font-14{font-size:1.4rem}.font-12{font-size:1.2rem}.font-10{font-size:1rem}.thin{font-weight:200!important}.uppercase{text-transform:uppercase}.first-letter{text-transform:capitalize}.bold{font-weight:700}.bolder{font-weight:bolder}@media (max-width: 479px){.container{width:100%}.hello-padding{padding:2rem}.aboutme-padding{padding:0rem 1rem}.image-container{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.about-me-container{display:flex;flex-direction:column;margin-top:2rem;padding:1rem}.proffesion-grid{display:grid;width:1000px;gap:3rem;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:400px;justify-content:center}.proffesion{position:relative;display:inline-block;width:100%;height:100%;aspect-ratio:1/1;padding-bottom:1rem;overflow:hidden}.change-flex-cont{flex-direction:column}.text{width:700px;height:400px;border-radius:20px;padding-bottom:1rem;text-align:center;display:flex;flex-direction:column}.text-container{width:100%;display:flex;align-items:start;padding-top:2rem;justify-content:center;flex-direction:column}.text-font{font-size:1rem;padding:1rem 0rem 0rem;text-align:start}.skills-padding{padding:0rem 2rem}.portfolio-padding-title{text-align:center}.card-grid{display:grid;width:100%;gap:20px;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:1fr;padding-bottom:2rem;justify-content:center}.card{position:relative;display:inline-block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f0f0f0;color:#000}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:end;align-items:start;opacity:.8;transition:opacity 0s ease-in-out;-webkit-user-select:none;user-select:none}.overlay-text{color:#fff;font-size:20px;font-weight:700}.card img{display:block;width:100%;height:100%;object-fit:cover}}@media (min-width: 480px){.change-flex-cont{flex-direction:column}.container{width:100%}.hello-padding{padding:2rem}.aboutme-padding{padding:0rem 1rem}.text{width:700px;height:400px;border-radius:20px;padding-bottom:1rem;text-align:center;display:flex;flex-direction:column}.image-container{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.about-me-container{display:flex;flex-direction:column;margin-top:2rem;padding:1rem}.text-container{width:100%;display:flex;align-items:start;justify-content:center;flex-direction:column;padding-top:1rem}.text-font{font-size:1rem;letter-spacing:0rem}.proffesion-grid{display:grid;width:1000px;gap:3rem;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:400px;justify-content:center}.proffesion{position:relative;display:inline-block;width:100%;height:100%;aspect-ratio:1/1;padding:1rem;overflow:hidden}.skills-padding{padding:0rem 2rem}.portfolio-padding-title{text-align:center}.card-grid{display:grid;width:100%;gap:20px;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:1fr;justify-content:center}.card{position:relative;display:inline-block;width:100%;aspect-ratio:1/1;overflow:hidden;background:#f0f0f0;color:#000}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;justify-content:end;align-items:start;opacity:.8;transition:opacity 0s ease-in-out;-webkit-user-select:none;user-select:none}.overlay-text{color:#fff;font-size:20px;font-weight:700}.card img{display:block;width:100%;height:100%;object-fit:cover}}@media (min-width: 768px){.change-flex-cont{flex-direction:row}.text-container{width:100%;display:flex;align-items:start;justify-content:center;flex-direction:column}.about-me-container{display:flex;flex-direction:row;margin-top:2rem;padding:1rem}.image-container{width:50%;margin-right:2rem;height:auto;display:flex;justify-content:center;align-items:center}}@media (min-width: 1024px){.container{width:100%}.image-container{width:300px;height:300px;display:flex;justify-content:center;align-items:center}.about-me-container{display:flex;flex-direction:row;margin-top:2rem}.text-container{width:75%;padding-left:4rem;padding-top:0rem;display:flex;flex-direction:column;align-items:start;justify-content:center;text-align:justify}.image-container{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.text-font{font-size:1.2rem;letter-spacing:.01rem}}@media (min-width: 1440px){.container{width:1300px}.image-container{width:100%;display:flex;justify-content:center;align-items:center}.about-me-container{display:flex;margin-top:0rem}.text-container{width:100%;padding-top:0rem;padding-left:0rem;margin-top:0rem;display:flex;align-items:center;justify-content:center;white-space:initial}.text{width:700px;height:300px;border-radius:20px;padding-bottom:1rem;text-align:center;display:flex;flex-direction:column}.text-font{font-size:1.4rem;letter-spacing:.01rem}.proffesion-grid{display:grid;width:1000px;gap:3rem;grid-template-columns:repeat(auto-fit,300px);grid-auto-rows:400px;justify-content:center}.proffesion{position:relative;display:inline-block;width:100%;height:100%;aspect-ratio:1/1;padding:1rem;overflow:hidden}.hello-padding{padding:0rem 0rem 5rem}}.text-transition{animation:slideIn .5s ease-in}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.header-content{padding-left:5;display:flex;flex-direction:column;width:1300px}.intro-about-contiainter{display:flex;flex-direction:column;padding:2rem;margin-top:-5rem}.under-image-title{color:#fff;margin-top:3rem;text-align:center;font-size:1.4rem}.about-me-cont{color:#fff;width:100%;font-size:1.2rem}.gallery-about-cont{display:grid;grid-template-columns:repeat(1,1fr);padding:0rem;margin-top:2rem;gap:0rem}@media (min-width: 1024px){.intro-about-contiainter{display:flex;flex-direction:row;padding:2rem;margin-top:0rem}.about-me-cont{color:#fff;width:100%;font-size:1.2rem;padding:0rem 3rem}.gallery-about-cont{display:grid;grid-template-columns:repeat(2,1fr);padding:0rem;margin-top:2rem;gap:0rem}}