@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Matangi:wght@300..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";:root{--h3-header-size: 2.8rem;--h3-font-weight: 400;--h3-letter-spacing: .2rem;--h3-text-transform: capitalize;--h3-margin-spacing: 5rem 0 3rem 0}*{margin:0;padding:0;text-decoration:none;list-style:none}*,*:before,*:after{box-sizing:border-box}html,body{font-family:Open Sans,Arial,sans-serif;font-size:62.5%;scroll-behavior:smooth;scrollbar-width:none;width:100%}a{cursor:pointer}section{border:1px solid #000;min-height:100vh;padding:3rem 10rem;width:100%}h3,.section-title{font-size:var(--h3-header-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing);text-align:center}nav{display:flex;align-items:center;justify-content:space-between;padding:3rem 10rem;position:fixed;z-index:1000;width:100%}.nav-logo-container{display:flex}.nav-logo{font-family:Matangi,cursive;font-size:2rem;font-weight:500;letter-spacing:.2rem;animation:nav-logo-anime .6s ease-in backwards}@keyframes nav-logo-anime{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(20px)}}.nav-logo a{display:flex;color:#000;transition:all ease-in-out 1s}.nav-logo a:hover{animation:nav-logo-hover .6s ease-in-out infinite}@keyframes nav-logo-hover{0%,to{transform:rotate(90deg);transform:scale(1.1)}50%{transform:rotate(-90deg);transform:scale(1)}}.nav-desktop-container{display:flex;align-items:center;gap:4rem}.nav-desktop-list{display:flex;gap:3rem}.nav-desktop-item{display:flex;align-items:center;gap:1rem;font-size:1.6rem;font-weight:500;letter-spacing:.1rem;animation:nav-item-anime .6s ease-in backwards}.nav-desktop-item:nth-child(1){animation-delay:.1s}.nav-desktop-item:nth-child(2){animation-delay:.3s}.nav-desktop-item:nth-child(3){animation-delay:.5s}.nav-desktop-item:nth-child(4){animation-delay:.7s}.nav-desktop-item:nth-child(5){animation-delay:.9s}@keyframes nav-item-anime{0%,to{transform:translate(100px)}50%{transform:translate(0)}}.nav-desktop-item a{display:flex;align-items:center;gap:.5rem;color:#000}.nav-desktop-item a:hover{animation:nav-item-anime .6s ease-in-out infinite;text-decoration:underline;text-underline-offset:6px}.theme-toggle{cursor:pointer}.theme-toggle:hover{animation:hover-pulse .6s ease-in-out infinite}@keyframes hover-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes nav-item-anime{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hamburger-menu{display:none}@media screen and (max-width: 600px){nav{padding:3rem 5rem;justify-content:space-between}.nav-desktop-container{display:none}.hamburger-menu{display:flex;cursor:pointer;font-size:2rem}}.home-section{display:flex;align-items:center;justify-content:center}.home-container{max-width:60rem;display:flex;flex-direction:column;gap:2rem}.home-title{font-family:Matangi,Arial,sans-serif;font-size:3rem;font-weight:500;animation:anime-title 1s ease-in forwards}.home-title:hover{cursor:pointer;animation:title-pulse 2s ease-in-out infinite}@keyframes title-pulse{0%,to{transform:scale(.95);transition:transform .6s ease-in-out;opacity:.7}50%{transform:scale(1);opacity:.85}}.home-description{font-size:1.6rem;line-height:1.5;transition:opacity 2s ease-in;animation:anime-description .6s ease-in backwards}.home-description:hover{cursor:pointer;animation:description-pulse 2s ease-in-out infinite}@keyframes description-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.85}}@keyframes anime-description{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.home-btn-container{margin-top:1rem}.learn-more-btn{content:"";display:flex;align-items:center;gap:.5rem;font-size:1.75rem;border:none;background:none;cursor:pointer;font-weight:300}.learn-more-btn{animation:learn-more-btn-anime .6s ease-in-out infinite}@keyframes learn-more-btn-anime{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.learn-more-btn:hover{animation:learn-more-btn-hover .6s ease-in-out infinite}@keyframes learn-more-btn-hover{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.contact-list{display:flex;gap:2rem;animation:anime-description 4s ease-in forwards}.contact-item{font-family:Matangi,Arial,Helvetica,sans-serif;font-size:1.35rem;font-weight:600;letter-spacing:.1rem;text-underline-offset:6px;margin:3rem 0 0;text-decoration:underline;animation:contact-item-anime .6s ease-in-out infinite}@keyframes contact-item-anime{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.contact-item:hover{cursor:pointer;animation:contact-item-pulse 2s ease-in-out infinite}@keyframes contact-item-pulse{0%,to{transform:scale(.95);transition:transform .6s ease-in-out;opacity:.7}50%{transform:scale(1);opacity:.85}}.border-left-container{display:flex;align-items:center;justify-content:center;z-index:5;position:absolute;transform:rotate(90deg);left:-23rem;top:50%;gap:1rem}.border-right-container{display:flex;align-items:center;justify-content:center;z-index:5;position:absolute;transform:rotate(-90deg);right:-23rem;top:50%;gap:1rem}.left-border{border:.8px solid #000;width:30rem;animation:left-border-anime .4s ease-in forwards}@keyframes left-border-anime{0%,to{transform:translateY(0)}50%{transform:translateY(300px)}}.border-logo{font-family:Matangi,Arial,Helvetica,sans-serif;font-family:cursive;font-size:1.5rem;letter-spacing:.2rem}.right-border{border:.8px solid #000;width:30rem;animation:right-border-anime .4s ease-in forwards}@keyframes right-border-anime{0%,to{transform:translateY(0)}50%{transform:translateY(100px)}}.border-logo{font-family:Matangi,Arial,Helvetica,sans-serif;font-size:1.5rem;letter-spacing:.2rem}.scroll-down-container{display:flex;position:absolute;bottom:5rem;margin:0 auto;transform:translate(-50%);font-size:2rem;cursor:pointer;border:1px solid #000;padding:10px;border-radius:50%;animation:scroll-down-anime .6s ease-in-out infinite;background:transparent}@keyframes scroll-down-anime{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@media screen and (max-width: 600px){.home-container{gap:1.5rem}.home-title{font-size:1.75rem}.home-description{font-size:1.2rem;font-weight:400}.learn-more-btn{font-size:1.25rem}.contact-item{font-size:1.1rem;margin:1.5rem 0 0}.border-left-container{display:flex;align-items:center;justify-content:center;z-index:5;position:absolute;transform:rotate(90deg);left:-14rem;top:50%;gap:1rem}.border-right-container{display:flex;align-items:center;justify-content:center;z-index:5;position:absolute;transform:rotate(-90deg);right:-14rem;top:50%;gap:1rem}.left-border{border:.8px solid #000;width:16rem;animation:left-border-anime .4s ease-in forwards}.right-border{border:.8px solid #000;width:16rem;animation:right-border-anime .4s ease-in forwards}.scroll-down-container{font-size:1.25rem;padding:2.5px;bottom:3rem}}.about-section{outline:1px solid #000;display:flex;flex-direction:column;width:100%}.about-title{font-size:var(--h3-header-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing);margin:var(--h3-margin-spacing);text-transform:var(--h3-text-transform);animation:anime-title 1s ease-in forwards;text-align:center}@keyframes anime-title{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.about-me-container{display:grid;align-items:center;justify-content:center;grid-template-columns:1fr 1fr;justify-items:center;animation:about-me-animate 1s ease-in forwards}@keyframes about-me-animate{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.about-image-container{display:flex;align-items:center;justify-content:center;margin:6rem 0 0}.image-container{height:auto;width:30rem}.about-image-container:hover{cursor:pointer}.about-image{height:auto;width:100%;object-fit:contain;display:block}.about-text-container{display:flex;flex-direction:column;margin:6rem 0 0}.about-intro{font-family:Matangi,Arial,sans-serif;font-size:2rem;font-weight:500;line-height:4.5rem}.about-paragraph{font-size:1.6rem;font-weight:400;line-height:3.5rem;margin:4rem 0 0;text-align:justify}.about-paragraph:hover{cursor:pointer;animation:paragraph-pulse 2s ease-in-out infinite}@keyframes paragraph-pulse{0%,to{transform:scale(.95);transition:transform .6s ease-in-out;opacity:.7}50%{transform:scale(1);opacity:.85}}@media screen and (max-width: 600px){.about-title{font-size:2.5rem;font-weight:400}.about-me-container{grid-template-columns:1fr}.about-me-container{margin:0}.image-container{height:auto;width:20rem}.about-intro{font-size:1.5rem;font-weight:700;line-height:4.5rem;text-align:center}.about-paragraph{font-size:1.4rem;line-height:3rem;margin:2rem 0 0;font-weight:400}}.projects-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8rem}.projects-title{font-size:var(--h3-header-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing);margin:var(--h3-margin-spacing);text-transform:var(--h3-text-transform);animation:anime-title 1s ease-in forwards}.projects-container{display:flex;justify-content:center;flex-wrap:wrap;gap:5rem;padding:0 0 10rem;animation:projects-animate 1s ease-in forwards}@keyframes projects-animate{0%{opacity:0;transform:translate(-400px)}to{opacity:1;transform:translate(0)}}.project-card{border:1px solid #000;height:40rem;width:50rem}.project-card:hover{cursor:pointer;animation:animate-project-card 2s ease-in 1}@keyframes animate-project-card{0%{transform:rotate(-2deg)}25%{transform:rotate(2deg)}50%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.project-image-container{border:1px solid #000;height:20rem;width:100%}.project-image{height:100%;width:100%;object-fit:cover}.project-text-containter{padding:10rem}.project-title{font-family:Matangi,Arial,sans-serif;font-size:2rem;font-weight:400;margin:.5rem 0 0 1rem;padding:0 0 .5rem}.project-description{font-family:Matangi,Arial,sans-serif;font-size:1.5rem;font-weight:400;line-height:2.5rem;margin:.5rem 1rem 0;text-align:justify}.project-controls{display:flex;justify-content:space-between;margin:1rem 1rem 0}.project-controls button{font-family:Matangi,Arial,sans-serif;font-size:1.5rem;font-weight:400;letter-spacing:.1rem;padding:.1rem .2rem;width:15rem}.project-controls button:hover{cursor:pointer;animation:form-button-anime .6s ease-in-out infinite}@media screen and (max-width: 600px){h3,.section-title,.project-title{font-size:2.5rem;font-weight:400;margin:2rem 0}.project-card{height:40rem;width:30rem}.project-image-container{height:14rem;width:100%}.project-title{font-size:1.5rem;font-weight:600;margin:.5rem 0 0 1rem;padding:1rem 0;letter-spacing:.1rem}.project-description{font-size:1.25rem;font-weight:500;line-height:2.5rem}.project-controls button{font-size:1.2rem;font-weight:400;width:10rem}}.skills-section{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;gap:3rem}.skills-title{font-size:var(--h3-header-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing);margin:var(--h3-margin-spacing);text-transform:var(--h3-text-transform);animation:animate-skill-title 1s ease-in-out forwards}@keyframes animate-skill-title{0%,to{transform:translate(0)}50%{transform:translate(-100px)}}.skills-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;animation:animate-skills 1s ease-in-out forwards}@keyframes animate-skills{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}.my-skills{width:25%;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.my-skills:nth-child(3){height:50%}.skill-item{border:1px solid #000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:75%;width:12rem;height:12rem}.skill-item:hover{cursor:pointer;animation:skillAnimation .5s ease-in-out infinite}@keyframes skillAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.skill-name{font-family:Matangi,Arial,sans-serif;font-size:1.5rem;font-weight:600;letter-spacing:.1rem}@media screen and (max-width: 600px){.skills-container{border:1px solid #000;gap:5rem;width:100%}.my-skills{border:1px solid #000;gap:3rem;width:100%}.skill-icon{font-size:.75rem}.skill-name{font-size:1rem}}.contact-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem}.contact-title{font-size:var(--h3-header-size);font-weight:var(--h3-font-weight);letter-spacing:var(--h3-letter-spacing);margin:var(--h3-margin-spacing);text-transform:var(--h3-text-transform);display:flex;animation:contact-title-anime .6s ease-in forwards}@keyframes contact-title-anime{0%,50%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}.contact-form-container{display:flex;animation:anime-contact-form .6s ease-in forwards}@keyframes anime-contact-form{0%,50%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}form{display:flex;flex-direction:column;gap:2rem}.contact-description{font-size:1.6rem;font-weight:400;line-height:3.5rem;margin:4rem 0 0;text-align:justify}.user-input{font-family:Matangi,Arial,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.1rem;height:5rem;width:40rem;padding-left:.5rem}.user-input:autofill{font-family:Matangi,Arial,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.1rem;height:5rem;width:40rem;padding-left:.5rem}.user-input:focus{outline:none;border:2px solid #000;box-shadow:0 0 5px #0003;background-color:#f0f0f0;transition:all .3s ease-in-out;animation:user-input-animate-pulse .6s ease-in-out}@keyframes user-input-animate-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.85}}.user-input::placeholder{font-family:Matangi,Arial,sans-serif;font-size:1.6rem;font-weight:500;letter-spacing:.2rem;padding-left:.5rem;color:#000}.textarea-input{font-family:Matangi,Arial,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.2rem;height:25rem;width:40rem;resize:none;overflow-y:auto;padding:.5rem 0 0 1rem;letter-spacing:.1rem;animation:textarea-input-anime .6s ease-in-out}.textarea-input:focus{outline:none;border:2px solid #000;box-shadow:0 0 5px #0003;background-color:#f0f0f0;animation:textarea-input-animate-pulse .6s ease-in-out}@keyframes textarea-input-animate-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.1);opacity:.85}}.textarea-input::placeholder{color:#000;font-weight:500}.button-container{display:flex;gap:1rem;margin:.25rem 0 0;justify-content:flex-end}.form-button{font-family:Matangi,Arial,Helvetica,sans-serif;font-size:1.6rem;font-weight:400;letter-spacing:.1rem;padding:.1rem .2rem;width:8rem;cursor:pointer}.form-button:hover{cursor:pointer;animation:form-button-anime .6s ease-in-out infinite}@keyframes form-button-anime{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media screen and (max-width: 600px){h3,.contact-title{font-size:2.5rem;margin:2rem 0}.user-input{height:4rem;width:26rem}.textarea-input{height:15rem;width:26rem}.form-button{font-size:1.25rem;font-weight:400}}@media screen and (max-width: 600px){footer{display:flex;justify-content:space-between;padding:0}.footer-copyright{font-size:.9rem}.footer-item a{font-size:1.5rem}}footer{display:flex;height:4rem;align-items:center;justify-content:space-between;padding:0 4rem;font-size:1.5rem}.footer-copyright{font-weight:500;color:#666}.footer-contact-container{display:flex;gap:1rem}.footer-item a{font-size:2rem}