*{box-sizing:border-box}body{background-color:#000;color:#fff;font-family:Roboto,sans-serif;font-optical-sizing:auto}.header>*{width:12%;font-weight:medium;cursor:pointer;text-decoration:none;color:#fff;flex-grow:1;text-align:center;padding:1.5rem;box-shadow:#220b39 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset}.header{max-width:calc(100vm - 20 rem);width:100%;display:flex;justify-content:space-evenly;position:fixed;background-color:#171717;top:0;left:0;z-index:100;border-bottom:.5px solid #a8a9ad}.intro{display:grid;max-width:calc(100vm - 20 rem);padding:1em 8em;grid-template-columns:1fr 1fr;margin-top:6em}.hello-text{font-family:Montez,cursive;font-weight:400;font-style:normal;font-size:2.5rem;margin-bottom:.5rem}.name{font-family:Zain,sans-serif;font-weight:400;font-style:normal;font-size:3rem;margin:.05rem}.dev{font-size:4rem;background:linear-gradient(180deg,#a8a9ad,#b4b5b8,#c0c0c3,#cbcccd,#d7d7d8,#e3e3e3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:.5em}.button{display:inline-block;border-style:solid;border-width:1px;border-radius:100px;padding:6px 16px;cursor:pointer;font-weight:500;border-color:#5e1a7f;box-shadow:3px 3px 1px #5e1a7f inset;text-decoration:none;color:#fff}.animation{width:"115%"}.about-title{text-align:center}.about-container{position:relative;display:grid;max-width:calc(100vm - 20rem);grid-column-gap:2em;padding:2em 8em;grid-template-columns:1fr 1fr;grid-template-rows:1fr;margin-top:2em;margin-bottom:2em;align-items:center;justify-items:center}.svg-bg-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.blurry-gradient{position:absolute;top:0;left:0;right:5;bottom:0;z-index:0;border-radius:50%;background:radial-gradient(circle at 50% 50%,#420d4b,#420d4b7e 60%,#0000);filter:blur(3rem);opacity:1}.my-doodle{width:11rem;height:22rem;fill:#fff;stroke:#fff;z-index:1}.about-text{text-align:justify;font-weight:300}.skills{margin-top:4em}.skills>h1{text-align:center;margin-bottom:5rem}.skills-container{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;align-content:space-around;width:100%}.skills-icon{display:flex;background-color:#171717;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:1rem}.contact-container{display:grid;grid-template-columns:1fr 1fr;max-width:calc(100vm - 20 rem);grid-column-gap:2em;padding:2em 8em;margin-top:2em;margin-bottom:2em}.contact-container>:first-child>:first-child{background:linear-gradient(45deg,#501f5a,#915ba4,#c2649b,#e783b5,#e3e3e3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:300;font-size:2.3em}.socials{font-size:1.5em}.socialmedia{display:flex;align-items:center;gap:.5rem;font-size:1rem}.contact-form{width:90%;padding:2rem;position:relative}.contact-form>h1{text-align:center;font-weight:400;font-size:2.3em;margin:0;padding-bottom:3rem}.contact-form input{all:unset;width:100%;padding:1rem;border-radius:.5rem;margin-bottom:2rem;background-color:#171717;text-decoration-color:#fff}.contact-form textarea{all:unset;width:100%;padding:1rem;border-radius:.5rem;margin-bottom:2rem;background-color:#171717;text-decoration-color:#fff;resize:vertical;white-space:pre-wrap;word-wrap:break-word;scrollbar-width:none}.contact-form button{all:unset;position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translate(-50%);padding:.5rem 2rem;font-size:large;border-radius:2rem;cursor:pointer;border-color:#5e1a7f;box-shadow:3px 3px 1px #5e1a7f inset;border-style:solid;border-width:1px}.footer{font-weight:100;padding:2em;border-top:.5px solid #a8a9ad}@media (max-width: 1024px){.about-container{padding:30px}.skills>h1{margin-bottom:20px}.skills-container{padding:20px}.contact-container{padding:40px}}@media (max-width:768px){.intro{justify-content:center}.intro-div{display:flex;flex-direction:column;align-items:flex-start}.hello-text{font-size:1.5rem}.name{font-size:2rem}.dev{font-size:3rem}.about-container{display:flex;flex-direction:column;align-items:center}.contact-container{padding:30px}}@media (max-width:480px){.intro{justify-content:center}.intro-div{display:flex;flex-direction:column;align-items:flex-start}.hello-text{font-size:.5rem}.name{font-size:1rem}.dev{font-size:2rem}.about-container{padding:0;display:flex;flex-direction:column;align-items:center;row-gap:20px}.about-text{margin-left:20px;margin-right:20px}.skills{margin-top:0}.skills>h1{margin-bottom:20px}.skills-container{margin-bottom:30px}.contact-container{display:flex;flex-direction:column;padding:0;margin:16px}.contact-form{padding:0;margin-top:50px;margin-bottom:50px}}