@import"https://fonts.googleapis.com/css2?family=Bangers&family=Oswald:wght@200..700&display=swap";:root{--black: hsl(0 0% 0%);--white: hsl(0 0% 100%);--light-blue: hsl(193 70% 76.3%);--light-pink: hsl(342 86.5% 77%);--light-green: hsl(127 70% 85%);--light-purple: hsl(279 86.5% 77%);--very-dark-gray: hsl(0 0% 9%);--medium-gray: hsl(0 0% 25%);--transparent-white: hsl(0, 0%, 100%, .25);--medium-purple: hsl(269 70% 52.6%);--dark-purple: hsl(269 70% 40%);--dark-blue-purple: hsl(248 70% 40%);--very-light-green: hsl(127 70% 95%);--font-family: "Oswald";--heading-font-family: "Bangers", "Oswald", sans-serif;--extra-light: 200;--light: 300;--regular: 400;--semi-bold: 600;--body-font-size: 1.1rem;--h1-font-size: 5rem;--h2-font-size: 4rem;margin:0;padding:0}*{font-family:var(--font-family),Arial,sans-serif!important}body{font-family:var(--font-family),Arial,sans-serif!important;background-image:linear-gradient(135deg,var(--light-blue),var(--light-pink),var(--light-purple),var(--light-green),var(--white));animation:gradient 40s ease infinite;background-size:1300% 1300%}@keyframes gradient{0%{background-position:0% 50%}25%{background-position:50% 75%}50%{background-position:100% 50%}75%{background-position:50% 75%}to{background-position:0% 50%}}h1{color:var(--white);text-shadow:.05em .1em .05em var(--very-dark-gray);font-size:var(--h1-font-size)!important;font-family:var(--heading-font-family)!important;text-align:center;margin:1em 0!important}h2{color:var(--white);text-shadow:.02em .01em .05em hsl(0 0% 9%);text-align:center;margin-top:.5em!important;margin-bottom:1em!important;font-family:var(--heading-font-family)!important;font-size:var(--h2-font-size)!important}.navigation-bar{position:fixed;margin-bottom:2px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--transparent-white)}.medium-navigation-bar-header{margin-right:30px;display:flex;font-weight:700;letter-spacing:.2rem;color:var(--very-dark-gray);text-decoration:none}.medium-navigation-menu-box{display:flex;flex-grow:1}.medium-navigation-menu-button{margin-top:.7em;margin-bottom:.7em;color:var(--very-dark-gray);display:block;font-size:1.3em}.small-navigation-bar-header{display:none;font-weight:700;letter-spacing:.3rem;color:var(--very-dark-gray);text-decoration:none}.small-navigation-menu-box,.small-navigation-bar-menu{display:none}.menu-icon-button{color:var(--very-dark-gray)}.profile-container{padding:5em}.profile-box{display:flex;justify-content:center;margin-top:5em}.profile-image-card{margin:auto;width:25em;height:25em;border-radius:50%;box-shadow:.05em .05em 1em #171717}.profile-icon{color:var(--dark-blue-purple);font-size:2em}.about-description{color:var(--very-dark-gray);font-size:1.5em}.general-container{margin-top:4em;padding:5em;width:100%;background-color:var(--transparent-white);border-radius:.5em}.logo{height:50px;width:50px}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:120px;margin-top:20px}.project-card{width:300px;height:600px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a;border-radius:8px;overflow:hidden;background-color:var(--white);transition:transform .3s ease;padding:1em;margin-bottom:20px}.project-card img{height:300px;width:100%;object-fit:cover;border-radius:8px}.project-card:hover{transform:scale(1.05)}.project-box{display:flex;justify-content:center;padding:1em}.project-icon{color:var(--dark-purple);font-size:2em}.project-title{color:var(--very-dark-gray);font-size:2em!important;font-weight:var(--semi-bold);margin-top:.5em!important;margin-bottom:.5em!important}.project-description{color:var(--medium-gray);font-size:var(--body-font-size)!important;margin-top:1em!important;margin-bottom:1em!important}.skill-grid{display:flex;justify-content:center}.avatar-icon{align-items:center;width:6em;height:6em;background-color:var(--white);margin:1.5em}.contact-form-container{display:flex;justify-content:center}.contact-form-box{margin-top:5em;padding:5em;width:100%;background-color:var(--transparent-white);border-radius:.5em;max-width:40em}.contact-form-grid{display:flex;justify-content:center;margin-bottom:2em}.Mui-focused{color:var(--very-dark-gray)}.Mui-focused:after{color:var(--dark-blue-purple)}.MuiFilledInput-root:after{border-bottom:2px solid hsl(248,70%,40%)!important}.contact-form-container .MuiInputLabel-root.Mui-focused{color:#321fad!important}.contact-form-button{background-color:var(--medium-purple)}.contact-form-button:hover{background-color:var(--dark-purple)}.footer-box{display:flex;justify-content:center;margin:3em}.copy-right{font-size:1em;font-weight:var(--light)}@media (min-width: 300px) and (max-width: 640px){h1{margin:1em -1em!important}.profile-image-card{display:none}.project-card{width:90%;height:auto}.project-grid{gap:15px}.about-description{font-size:1.2em}.medium-navigation-bar-header,.medium-navigation-menu-box{display:none}.small-navigation-bar-header{display:flex;margin-right:2em;flex-grow:1}.small-navigation-menu-box{display:flex;flex-grow:1}.small-navigation-bar-menu{display:block}.contact-form-button:hover{background-color:var(--dark-purple)!important}}@media (min-width: 640px) and (max-width: 900px){.medium-navigation-bar-header,.medium-navigation-menu-box{display:none}.small-navigation-bar-header{display:flex;margin-right:2em;flex-grow:1}.small-navigation-menu-box{display:flex;flex-grow:1}.small-navigation-bar-menu{display:block}.contact-form-button:hover{background-color:var(--dark-purple)}}