@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");:root{--black:hsl(0 0% 0%);--white:hsl(0 0% 100%);--light-blue:hsl(194,60%,78%);--light-pink:hsl(341,66%,83%);--light-green:hsl(128,56%,89%);--light-purple:hsl(279,65%,84%);--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:"Quicksand";--heading-font-family:"Quicksand",sans-serif;--extra-light:200;--light:300;--regular:400;--semi-bold:600;--body-font-size:1.1rem;--h1-font-size:5.5rem;--h2-font-size:4rem;margin:0;padding:0}*,body{font-family:var(--font-family),Arial,sans-serif}body{font-size:var(--body-font-size);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{font-size:var(--h1-font-size)!important;margin:.5em 0!important}h1,h2{color:hsl(269,69%,16%);font-family:var(--heading-font-family)!important;font-weight:400!important;text-align:center}h2{margin:.5em 0 1em!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-bar-menu,.small-navigation-menu-box{display:none}.menu-icon-button{color:var(--very-dark-gray)}.profile-container{margin:5em auto;padding:5em;display:flex;flex-direction:column;align-items:center;text-align:center}.icon-wrapper{display:flex;justify-content:center;margin-top:5em}.profile-image-wrapper{margin:auto;width:25em;height:25em}.profile-image{border-radius:50%;box-shadow:.05em .05em 1em 0 hsl(0 0% 9%)}.profile-icon{color:var(--dark-blue-purple);font-size:2em}.about-box{margin-bottom:5em}.about-description{color:var(--very-dark-gray);font-size:1.5em;margin-top:2em;text-align:center}.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:350px;height:auto;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.1);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:1.7em;margin-top:.5em;margin-bottom:.5em}.project-description{color:var(--medium-gray);font-size:var(--body-font-size);margin-top:1em;margin-bottom:1em}.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%)}.contact-form-container .MuiInputLabel-root.Mui-focused{color:hsl(248,70%,40%)}.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)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:300px) and (max-width:640px){body{font-size:.8em!important}h1{margin:1em -1em 0!important;font-size:5em!important}h2{font-size:4em!important}.about-box{margin:3em}.about-description{color:var(--very-dark-gray);font-size:1.5em;margin-top:2em;text-align:center}.profile-container{margin-top:2em;margin-left:auto;margin-right:auto;padding:2em;width:90%}.profile-image,.profile-image-wrapper{display:none}.project-card{width:90%;height:auto;margin:0 auto}.icon-wrapper{display:flex;justify-content:center}.project-grid{display:flex;flex-direction:column;align-items:center}.general-container{margin-top:2em;margin-left:auto;margin-right:auto;padding:2em;width:90%}.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)}}@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)}}