.heading-text{color:#fff;font-size:3.5rem;width:auto;margin:5px 0;line-height:1.2;position:relative;z-index:2}.heading-text,.underline{filter:drop-shadow(3px 3px #000)}.underline{content:"";position:absolute;bottom:7px;left:30%;width:80%;height:14px;background-color:var(--dark-blue);z-index:1}@media(max-width:768px){.heading-text{font-size:3rem}.underline{bottom:6px;height:12px}}@media(max-width:480px){.heading-text{font-size:2.5rem}.underline{bottom:5px;height:10px}}@media(max-width:360px){.heading-text{font-size:2rem}.underline{bottom:4px;height:8px}}.gradient-border-box{display:flex;flex-direction:column;position:relative;min-width:unset;width:150px;height:100px;padding:0;margin:0;justify-content:center;align-items:center;background-color:var(--middle-black);border-radius:5px;transition:opacity .3s ease-in,transform .3s ease;opacity:0}.gradient-border-box:before{content:"";position:absolute;inset:0;border-radius:5px;border:3px solid transparent;background:linear-gradient(135deg,var(--dark-blue),var(--dark-red)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.gradient-border-box.mounted{opacity:1}.skill-image{width:60%;height:60%}.skill-text{margin:0;padding:2% 0 0;color:#fff;font-size:1rem}@media(max-width:768px){.gradient-border-box{width:120px;height:80px}.skill-text{font-size:.8rem}}@media(max-width:480px){.gradient-border-box{width:90px;height:60px}.skill-text{font-size:.6rem}}.skill-grid{display:grid;justify-content:center;padding:0 0 20px;margin:0 auto;gap:30px 60px;grid-template-columns:repeat(5,150px);max-width:100%}.blank-div{width:0;height:0}@media(min-width:1025px)and (max-width:1200px){.skill-grid{gap:20px 40px}}@media(min-width:769px)and (max-width:1024px){.skill-grid{grid-template-columns:repeat(4,150px);gap:20px 30px}}@media(min-width:601px)and (max-width:768px){.skill-grid{grid-template-columns:repeat(4,120px);gap:20px 20px}}@media(min-width:481px)and (max-width:600px){.skill-grid{grid-template-columns:repeat(3,120px);gap:20px 20px}}@media(min-width:401px)and (max-width:480px){.skill-grid{grid-template-columns:repeat(3,90px);gap:20px 20px}}@media(min-width:319px)and (max-width:400px){.skill-grid{grid-template-columns:repeat(3,90px);gap:20px 10px}}@media(max-width:319px){.skill-grid{grid-template-columns:repeat(3,90px);gap:20px 5px}}:root{--very-light-black:#969aa6}.MuiCard-root.experience-container{flex-direction:column;align-items:left;justify-content:space-between;background-color:var(--middle-black);padding:20px;height:340px;width:350px;transition:.3s ease}.MuiCard-root.experience-container:hover{transform:scale(1.05);transition:.3s ease}.experience-heading{font-size:1.2rem;line-height:1.6rem}.experience-text{font-size:.9rem;line-height:1.3rem}@media(max-width:768px){.MuiCard-root.experience-container{width:325px;height:340px}.experience-heading{font-size:1.1rem;line-height:1.5rem}.experience-text{font-size:.9rem;line-height:1.2rem}}@media(max-width:480px){.MuiCard-root.experience-container{width:275px;height:330px;padding:15px}.experience-heading{font-size:1rem;line-height:1.4rem}.experience-text{font-size:.8rem;line-height:1.1rem}}@media(max-width:360px){.MuiCard-root.experience-container{width:270px;height:370px;padding:15px;box-sizing:border-box}.experience-heading{font-size:1rem;line-height:1.4rem}.experience-text{font-size:.8rem;line-height:1.1rem}}.MuiCard-root.project-container{flex-direction:row;background-color:var(--middle-black);padding:0;height:300px;width:700px;transition:.3s ease}.MuiCard-root.project-container:hover{transform:scale(1.05);transition:.3s ease}.project-image{padding:10px;height:300px;width:300px;transition:.3s ease}.project-button,.project-image{box-sizing:border-box;border-radius:5%}.project-button{height:280px;width:280px;left:10px;bottom:10px}.text-container{height:300px;width:400px;align-items:left;padding:20px}.project-heading{font-size:1.2rem;line-height:1.6rem}.project-text{font-size:.9rem;line-height:1.3rem}.MuiBox-root.skills-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.MuiBox-root.skill{display:flex;justify-content:center;align-items:center;background-color:var(--dark-blue);height:25px;padding:0 8px;border-radius:3px}.MuiBox-root.skill p{font-size:.75rem;color:#fff}@media(max-width:768px){.MuiCard-root.project-container{flex-direction:column;width:320px;height:620px;padding-top:10px}.project-image{align-self:center;padding-top:10px;border-radius:5%}.project-button{height:280px;width:280px;bottom:10px;left:20px;border-radius:5%}.project-heading{font-size:1.1rem;line-height:1.5rem}.project-text{font-size:.9rem;line-height:1.2rem}.text-container{width:280px;height:320px;padding-top:10px}}@media(max-width:480px){.MuiCard-root.project-container{width:300px;height:580px}.project-image{padding-top:10px}.project-button{height:280px;width:280px;bottom:10px;left:10px;border-radius:5%}.project-heading{font-size:1rem;line-height:1.4rem}.project-text{font-size:.8rem;line-height:1.1rem}.text-container{width:260px;height:280px}}@media(max-width:360px){.MuiCard-root.project-container{width:270px;height:570px;box-sizing:border-box}.project-image{height:270px;width:270px}.project-button{height:250px;width:250px;bottom:10px;left:10px;border-radius:5%}.text-container{height:300px;width:230px}.project-heading{font-size:1rem;line-height:1.4rem}.project-text{font-size:.8rem;line-height:1.1rem}}