.top_nav{display:flex;align-items:center;justify-content:space-between;padding:30px 10%}.logo{font-size:1.5rem}nav ul li{display:inline-block;padding:10px 20px}nav ul li a{color:#fff;text-decoration:none;font-size:1.5rem;font-weight:700}nav ul li a:hover{color:#4c1d95;transition:.3s}.border-container{padding-bottom:4rem}.main_div{display:flex;flex-wrap:wrap}.full_width{width:100%;padding:0}@media (min-width: 1024px){.full_width{width:50%}}.align-center{display:flex;justify-content:center;align-items:center}.name_heading{font-size:4rem;font-weight:250;letter-spacing:-.015em;text-align:center}@media (min-width: 1024px){.name_heading{margin-top:3rem;margin-bottom:3rem}}.gradient-text{background:linear-gradient(to right,#f9a8d4,#64748b,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.875rem;letter-spacing:-.025em}.paragraph_text{margin:1rem 0;max-width:36rem;padding:1rem 0;font-size:larger;letter-spacing:-.005em}.my-image{border-radius:1rem;width:450px;height:550px}.btn{margin:0 0 2rem;padding:15px 40px;border:none;background:#1c1f2b;border-radius:16px;position:relative;color:#fff}.btn:after,.btn:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ff4545,#00ff99,#006aff,#ff0095,#ff4545);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:3px;border-radius:16px}.btn:before{filter:blur(1.5rem);opacity:.5}.header{margin:4rem 0;text-align:center;font-size:2.25rem}.icons_center{align-items:center;justify-content:center;gap:1rem}.icon_div{padding:1rem;height:72px;border:none;background:#1c1f2b;border-radius:16px;position:relative;color:#fff}.icon_div:after,.icon_div:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#ff4545,#00ff99,#006aff,#ff0095,#ff4545);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:3px;border-radius:16px}.icon_div:before{filter:blur(1.5rem);opacity:.5}.child_of_key_div{width:100%}@media (min-width: 1024px){.child_of_key_div{width:25%}}.my-paragraph{font-size:1rem;color:#a3a3a3}.my-heading{margin:1rem 0 1.5rem;font-size:1rem}.my-span{font-size:1rem;color:#f3e8ff}.description-paragraph{margin-bottom:1.5rem;color:#a3a3a3}.tools{margin:1rem .5rem 0 0;border-radius:.25rem;background-color:#171717;padding:.25rem .5rem;font-size:1rem;font-weight:500;color:#5b21b6}.key-div{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:1rem}@media (min-width: 1024px){.key-div{justify-content:center}}.project_img_div{height:20rem;margin:1rem 7rem 0 0}.img{border-radius:16px}.role_div{width:100%;height:100%;max-width:36rem}.project_title{margin:1rem 0;font-size:1.5rem}.project_description{color:#a3a3a3;font-size:1.2rem;margin:1rem 0}.project_tech{display:inline-block;margin:.5rem 1rem 0 0;border-radius:.25rem;background-color:#171717;padding:.25rem .5rem;font-size:1.2rem;font-weight:500;color:#4c1d95}.project_img_div{margin-top:1rem;margin-right:5rem;border:none;background:#1c1f2b;border-radius:16px;position:relative;color:#fff;margin-bottom:2.5rem}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.project_img_div:after,.project_img_div:before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),#a3c1da,#008c74,#002d5c,#a8dab8);top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:3px;border-radius:16px}.project_img_div:before{filter:blur(1.5rem);opacity:.5}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.cssbuttons-io{position:relative;font-family:inherit;font-weight:500;font-size:14px;letter-spacing:.05em;border-radius:.6em;cursor:pointer;border:none;background:linear-gradient(to right,#8e2de2,#4a00e0);color:#f8f8ff;overflow:hidden;margin:.5rem 1rem 0 0}.cssbuttons-io svg{width:1em;height:1em;margin-right:.3em}.cssbuttons-io span{position:relative;z-index:10;transition:color .4s;display:inline-flex;align-items:center;padding:.6em 1em .6em .8em}.cssbuttons-io:before,.cssbuttons-io:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.cssbuttons-io:before{content:"";background:#171717;width:120%;left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1)}.cssbuttons-io:hover:before{transform:translate3d(100%,0,0)}.cssbuttons-io:active{transform:scale(.95)}.align-center{display:flex;flex-direction:column;align-items:center}.align-start-lg{align-items:center}@media (min-width: 1024px){.align-start-lg{align-items:flex-start}}.feel_free{font-size:4rem;font-weight:250;letter-spacing:-.015em;text-align:center;margin:2rem 0 5rem}.my_emails_div{display:flex;flex-wrap:wrap;justify-content:center}.send_email_text{text-align:center;font-size:4rem;font-weight:250;letter-spacing:-.015em;margin:2rem 0 5rem}form{display:flex;flex-direction:column;gap:1rem}input,textarea{padding:1.4rem 12rem 1.4rem 2rem;border:1px solid black}textarea{height:6rem}.send_button{width:8rem;padding:1.4rem;cursor:pointer;background-color:#4c1d95;border-radius:8px;border:none;color:#fff;margin:auto}.send_button:hover{background-color:#6a0dad;transition:.3s}.social_media_links{display:flex;gap:40px;margin-top:5rem}.social_media_icon{font-size:5rem}.linkedin{color:#0a66c2}.github{color:#fff}.footer{display:flex;align-items:center;flex-direction:column}.bottom_navbar{text-align:center}.navbar_ul{padding:0}.footer p{text-align:center;color:#fff;margin:15px 0;font-size:1rem;font-weight:300}.text-container{overflow-x:hidden;color:#d1d5db;-webkit-font-smoothing:antialiased}.fixed-background{position:fixed;top:0;left:0;z-index:-1}.background-overlay{position:absolute;height:100vh;width:100vw;background:radial-gradient(ellipse 80% 80% at 50% -20%,#7877c64d,#fff0);background-color:#111827}.container-class{max-width:1280px;margin:0 auto;padding:0 2rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}