@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);.aboutContainer{grid-gap:10px;align-items:center;background-color:#ffe600;color:#6d3d0f;display:grid;gap:10px;grid-template-columns:1fr 1.2fr;height:70vh;padding:40px}.aboutContainer h2{color:#ed1e79;font-family:Bangers,cursive;font-size:54px;grid-column:span 2;margin-bottom:10px;text-align:center;text-decoration:underline}.aboutContainer .aboutText{color:#6d3d0f;font-family:Montserrat,sans-serif;font-size:24px;line-height:1.35;max-width:80%}.aboutContainer .aboutText p{margin:0}.aboutContainer .aboutImg{border:10px solid #ffc400;border-radius:50%;display:flex;justify-content:center;margin:5px 0 0 50px;max-width:50%;overflow:hidden;padding:10px}.aboutContainer .aboutImg img{height:auto;object-fit:contain;padding:0;width:100%}.contactContainer{align-items:center;background-color:#fff;border:10px solid #ed1e79;border-radius:0 0 50% 50%;color:#ed1e79;display:flex;flex-direction:column;justify-content:center;min-height:82.5vh;padding:80px 20px;text-align:center}.contactContainer p{color:#6d3d0f;font-size:20px}.contactContainer h2{color:#ed1e79;font-family:Bangers,cursive;font-size:48px;font-weight:700;letter-spacing:1.5px;margin-bottom:40px;text-transform:uppercase}.contactContainer .contactForm{background-color:#ed1e79;border-radius:10px;box-shadow:0 8px 15px #0003;color:#fff;margin:0 auto;max-width:500px;padding:30px 50px 30px 30px;width:100%}.contactContainer .contactForm .formGroup{margin-bottom:25px}.contactContainer .contactForm .formGroup label{color:#fff;display:block;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;margin-bottom:8px}.contactContainer .contactForm .formGroup input,.contactContainer .contactForm .formGroup textarea{background-color:#fff;border:1px solid #fff;border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;color:#ed1e79;font-family:Montserrat,sans-serif;font-size:16px;outline:none;padding:12px;width:100%}.contactContainer .contactForm .formGroup input::placeholder,.contactContainer .contactForm .formGroup textarea::placeholder{color:#6a0833}.contactContainer .contactForm .formGroup textarea{resize:vertical}.contactContainer .contactForm .submitButton{background-color:#ffe600;border:none;border-radius:5px;color:#6d3d0f;cursor:pointer;display:block;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;margin-left:12px;padding:14px;transition:background-color .3s ease,transform .3s ease;width:100%}.contactContainer .contactForm .submitButton:hover{background-color:#ccb800;transform:translateY(-3px)}footer{background-color:#ffe600;bottom:0;box-sizing:border-box;display:grid;grid-template-columns:4fr 1fr;height:100vh;padding:13rem 6rem;position:fixed;width:100%;z-index:-1}footer h1{color:#ed1e79;font:italic 800 62px Montserrat,sans-serif}footer aside{align-items:flex-end;display:flex;flex-direction:column}footer aside a{color:#ed1e79;font:500 18px Montserrat,sans-serif;letter-spacing:3px;line-height:1.9;text-decoration:none;text-transform:uppercase;transition:all .5s}footer div{color:#ed1e79;display:flex;flex-direction:column;padding:4rem}footer div:last-of-type{align-items:flex-end}footer div h5{font:500 30px Montserrat,sans-serif;line-height:1.2;margin:1rem 0}footer div a{color:#ed1e79;font-family:Montserrat,sans-serif;font-size:16px;text-decoration:none}footer p{bottom:5%;color:#ed1e79;font:500 12px Montserrat,sans-serif;left:50%;letter-spacing:3px;line-height:1.4;position:absolute;text-transform:uppercase;transform:translateX(-50%)}.footer{background-color:#0000;position:absolute;z-index:-2}.footer,.heroContainer{height:100vh;width:100%}.heroContainer{background-color:#ffe600;z-index:1}nav{align-items:center;display:flex;height:130px;justify-content:space-between;position:relative}nav .menu-icon{cursor:pointer;display:none;flex-direction:column}nav .menu-icon .bar{background-color:#6d3d0f;height:3px;margin:4px 0;transition:.4s;width:25px}nav .menu{display:flex;justify-content:space-evenly;padding-right:20px;width:30%}nav .menu a{background-color:#6d3d0f;border-radius:6px;color:#ffe600;display:flex;font-family:Montserrat,sans-serif;font-size:18px;justify-content:center;margin-left:20px;padding:7px;text-decoration:none;transition:.3s ease;width:100%}nav .menu a:hover{transform:skewX(-10deg)}nav .logo img{height:10%;transition:transform .3s ease,filter .3s ease;width:35%}nav .logo img[data-cursorpointer=true]:hover{filter:brightness(1) contrast(1.3);transform:scale(1.1)}.sidebar{align-items:center;background-color:#000000e6;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.sidebar.open{display:flex}.sidebar .sidebar-menu{align-items:center;display:flex;flex-direction:column}.sidebar .sidebar-menu a{color:#ffe600;font-family:Montserrat,sans-serif;font-size:24px;margin:20px 0;text-decoration:none;transition:.3s ease}.sidebar .sidebar-menu a:hover{transform:scale(1.1)}.heroSection{align-items:center;display:flex;justify-content:space-between;width:100%}.heroSection .heroText{align-items:center;color:#6d3d0f;display:flex;flex-direction:column;justify-content:center;max-width:40%;padding-left:50px}.heroSection .heroText h2{animation:mouseScrollAnimation .5s linear infinite alternate;color:#6d3d0f;font-family:Bangers,cursive;font-size:48px;margin-bottom:10px}.heroSection .heroText p{color:#6d3d0f;font-family:Montserrat,sans-serif;font-size:24px;line-height:1.35;text-align:left}.heroSection .heroText button{background-color:#6d3d0f;border:none;border-radius:6px;color:#ffe600;font-size:1.2rem;margin-top:20px;padding:10px;transition:.3s ease}.heroSection .heroText button:hover{transform:skewX(-10deg)}.heroSection .heroImg{height:800px;max-width:70%;overflow:hidden}.heroSection .heroImg img{height:100%;object-fit:contain;width:100%}.loader{align-items:center;background-color:#ffe600;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99}.loader img{animation:loaderAnimation .8s infinite}@keyframes loaderAnimation{0%{opacity:0}50%{opacity:1}to{opacity:0}}.projectContainer{background-color:#ed1e79;min-height:80vh;padding:80px 20px;text-align:center}.projectContainer h2{color:#ffe600;font-family:Bangers,cursive;font-size:54px;font-weight:700;letter-spacing:1.5px;margin-bottom:40px;text-transform:uppercase}.projectContainer h4{color:#fff;font:400 30px Montserrat,sans-serif;padding-top:80px}.projectContainer .projectCards{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.projectContainer .projectCard{border-radius:10px;box-shadow:0 4px 8px #0003;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:calc(33.333% - 20px)}.projectContainer .projectCard .projectImage{height:300px;object-fit:cover;transition:opacity .3s ease;width:100%}.projectContainer .projectCard .projectDetails{background-color:#000000b3;bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;text-align:left;transform:translateY(100%);transition:transform .3s ease}.projectContainer .projectCard .projectDetails h3{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:24px;margin:0 0 10px}.projectContainer .projectCard .projectDetails p{font-family:Montserrat,sans-serif;font-size:16px;margin:0;padding-bottom:10px}.projectContainer .projectCard .projectDetails a{background-color:#6d3d0f;color:#ffe600;padding:5px;text-decoration:none}.projectContainer .projectCard:hover{box-shadow:0 6px 12px #0000004d;transform:scale(1.05)}.projectContainer .projectCard:hover .projectDetails{transform:translateY(0)}.skillsContainer{background-color:#ed1e79;color:#fff;height:70vh;padding:70px 20px;text-align:center}.skillsContainer h2{font-family:Bangers,cursive;font-size:54px;margin-bottom:50px}.skillsContainer .skillsSection{margin-bottom:50px}.skillsContainer .skillsSection h3{color:#ffe600;font-family:Bangers,cursive;font-size:36px;letter-spacing:3px;margin-bottom:30px}.skillsContainer .skillsSection .skillsList{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.skillsContainer .skillsSection .skillsList .skillItem{align-items:center;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;font-size:20px;margin:15px 25px}.skillsContainer .skillsSection .skillsList .skillItem .skillIcon{color:#ffe600;font-size:45px;margin-bottom:15px;transition:transform .3s ease}.skillsContainer .skillsSection .skillsList .skillItem .skillIcon:hover{transform:scale(1.1)}.skillsContainer .skillsSection .skillsList .skillItem span{color:#fff}*{margin:0;padding:0;scroll-behavior:smooth}* ::-webkit-scrollbar{display:none}* h2{letter-spacing:3px}* h2,* h3,* h4,* h5,* p{cursor:default}* button{cursor:pointer}@media(max-width:820px){.heroContainer{height:110vh}.heroContainer nav{align-items:flex-start;flex-direction:row;height:auto}.heroContainer nav .menu{gap:10px;justify-content:space-between;margin:50px 10px 0 0;padding-right:0;width:100%}.heroContainer nav .menu a{margin-left:0;padding:10px 0;text-align:center}.heroContainer nav .logo img{margin-bottom:10px;width:50%}.heroContainer .heroSection{align-items:center;flex-direction:column;margin-top:180px}.heroContainer .heroSection .heroText{max-width:90%;padding-left:0;text-align:center}.heroContainer .heroSection .heroText h2{font-size:36px}.heroContainer .heroSection .heroText p{font-size:18px}.heroContainer .heroSection .heroImg{height:auto;width:90%}.heroContainer .heroSection .heroImg img{height:auto;width:100%}.aboutContainer{grid-template-columns:1fr;height:auto;padding-bottom:180px;text-align:center}.aboutContainer h2{font-size:40px;margin-bottom:20px}.aboutContainer .aboutText{font-size:20px;max-width:100%}.aboutContainer .aboutImg{display:none}.skillsContainer{height:auto;padding:50px 20px}.skillsContainer h2{font-size:40px;margin-bottom:30px}.skillsContainer .skillsSection h3{font-size:30px}.skillsContainer .skillsSection .skillsList{gap:20px}.skillsContainer .skillsSection .skillsList .skillItem{font-size:18px;margin:10px 15px}.skillsContainer .skillsSection .skillsList .skillItem .skillIcon{font-size:40px}.projectContainer{min-height:auto;padding:60px 20px}.projectContainer h2{font-size:40px;margin-bottom:30px}.projectContainer .projectCards{flex-direction:column;gap:30px}.projectContainer .projectCards .projectCard{width:100%}.projectContainer .projectCards .projectCard .projectImage{height:250px}.contactContainer{border-radius:0 0 30% 30%;min-height:auto;padding:60px 20px}.contactContainer h2{font-size:40px;margin-bottom:30px}.contactContainer .contactForm{max-width:400px;padding:20px 30px 20px 20px}.contactContainer .contactForm .formGroup{margin-bottom:20px}.contactContainer .contactForm .formGroup label{font-size:14px}.contactContainer .contactForm .formGroup input,.contactContainer .contactForm .formGroup textarea{font-size:14px;padding:10px 0 10px 10px}.contactContainer .contactForm .submitButton{font-size:16px;margin-left:7px;padding:12px}footer{grid-template-columns:1fr;padding:10rem 4rem}footer h1{font-size:54px;text-align:center}footer aside{align-items:center;margin-bottom:2rem}footer aside a{font-size:20px;text-align:center}footer div{padding:2rem}footer div:last-of-type{align-items:center}footer div h5{font-size:30px;text-align:center}footer div a{font-size:20px;text-align:center}footer p{bottom:2%;font-size:10px;text-align:center}}@media(max-width:480px){nav .menu-icon{display:flex;margin:35px 20px 0 0}nav .menu{display:none}nav .menu.open{display:flex;display:none}nav .logo{width:55%}.heroSection{align-items:center;flex-direction:column}.heroSection .heroImg{order:-1;padding-bottom:20px;width:100%}.heroSection .heroImg img{object-fit:cover}.heroSection .heroText{max-width:100%;padding-left:0;text-align:center}.heroSection .heroText h2{font-size:28px}.heroSection .heroText p{font-size:16px;text-align:center}.heroSection .heroText button{margin-top:20px}.aboutContainer{padding-top:30%}.aboutContainer h2{font-size:32px}.aboutContainer .aboutText{font-size:.86rem}.aboutContainer .aboutImg{display:none}.skillsContainer{padding:30px 15px}.skillsContainer h2{font-size:32px}.skillsContainer .skillsSection h3{font-size:24px}.skillsContainer .skillsSection .skillsList{gap:15px}.skillsContainer .skillsSection .skillsList .skillItem{font-size:16px;margin:8px 12px}.skillsContainer .skillsSection .skillsList .skillItem .skillIcon{font-size:35px}.projectContainer{padding:50px 15px}.projectContainer h2{font-size:32px}.projectContainer .projectCards{gap:20px}.projectContainer .projectCards .projectCard .projectImage{height:200px}.projectContainer .projectCards .projectCard .projectDetails h3{font-size:20px}.projectContainer .projectCards .projectCard .projectDetails p{font-size:14px;line-height:18px}.contactContainer{border-radius:0 0 50px 50px;padding:50px 15px 40px}.contactContainer h2{font-size:32px}.contactContainer .contactForm{max-width:80%;padding:20px 30px 20px 15px}.contactContainer .contactForm .formGroup{margin-bottom:18px}.contactContainer .contactForm .formGroup label{font-size:13px}.contactContainer .contactForm .formGroup input,.contactContainer .contactForm .formGroup textarea{font-size:14px;padding:8px}.contactContainer .contactForm .submitButton{font-size:14px;padding:10px}footer{padding:3rem 2rem 8rem}footer h1{font-size:34px;order:-2;text-align:center}footer aside{align-items:center;padding-top:30px}footer aside a{font-size:16px;text-align:center}footer div{order:-1;padding:0}footer div:last-of-type{align-items:center}footer div h5{font-size:22px}footer div a{font-size:14.5px;text-align:center}footer p{bottom:1%;font-size:8px}}
/*# sourceMappingURL=main.eb7131f7.css.map*/