.intro{box-sizing:border-box;display:flex;padding:32px 16px;flex-direction:column;justify-content:center;align-items:center;background:#FFF;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.introbox{display:flex;width:100%;flex-direction:column;align-items:center;margin-left:30px;margin-right:30px}.introbox-desktop{display:none}.profile-container{display:flex;flex-direction:column;justify-content:left;margin-bottom:20px;padding-right:20%;margin-left:40px}.profile-image{width:164px;height:164px;border-radius:50%;margin-bottom:10px;overflow:hidden}.h3intro{color:#272727;font-size:18px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:10px;align-self:stretch}.h1intro{color:#ff70d9;font-size:32px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:5px;margin-top:10px}.pintro{color:#272727;display:flex;flex-direction:column;justify-content:left;font-size:18px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:20px}.arrow{width:27px;height:68px;margin-top:20px}@keyframes jump{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.arrow-image{animation:jump 2s infinite}@media screen and (min-width: 600px) and (max-width: 1024px){.introbox .introbox{display:flex;width:100%;flex-direction:column;align-items:center;margin-left:30px;margin-right:30px}.introbox-desktop{display:none}.headings{grid-column:1 / span 2;grid-row:1}.intro{padding:40px 32px}.h1intro{font-size:55px;margin-top:10px}.h3intro{font-size:35px}.profile-container{display:flex;flex-direction:column;justify-content:left;margin-bottom:20px;padding-right:20%;margin-left:40px}.profile-image{margin-bottom:0;margin-right:20px}.pintro{text-align:left;font-size:20px}}@media screen and (min-width: 1024px){.intro{width:100%}.introbox{display:none}.introbox-desktop{margin:0 auto;padding:128px 64px;display:grid;grid-template-columns:1fr 580px;grid-template-rows:auto auto}.headings{grid-column:1 / span 2;grid-row:1}.h3intro{font-size:32px}.h1intro{font-size:80px}.profile-image{grid-row:2}.pintro{grid-row:2;grid-column:2;font-size:18px}}.tech{box-sizing:border-box;background:#272727;padding:32px 16px;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;width:100%}.techwrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.h1tech{color:#fff;text-align:center;font-size:56px;font-style:normal;font-weight:700;line-height:normal}.ptech{width:80%;color:#fff;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:600;line-height:normal}@media screen and (min-width: 600px){.tech{width:100%}.techwrapper{margin-left:20px;margin-right:20px}.ptech{width:80%}}@media screen and (min-width 1024px){.tech{padding:128px 64px}.techwrapper{margin-left:25px;margin-right:25px}.ptech{width:80%;margin-left:32px;margin-right:32px}}.projects-container{box-sizing:border-box;display:flex;width:100vw;padding:128px 16px 50px;flex-direction:column;align-items:center;background-color:#fff}.h1projects{align-self:stretch;color:#ff70d9;text-align:center;font-size:56px;font-style:normal;font-weight:700;line-height:66px}.project-card{display:grid;flex-direction:1fr;align-items:center;text-align:center;margin-bottom:60px;margin-left:15px;margin-right:20%}.projectimage{height:auto;width:100%;max-width:300px;border-bottom:10px solid #272727;border-left:10px solid #272727;margin-left:20px;margin-right:20px}.project-text-container{text-align:left;margin-left:20px;margin-right:20px;color:#000}.h2projectcard,.pprojectcard{color:#000}.project-info{grid-column:2;text-align:left;margin-top:20px}.viewbutton-container{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.netlifybutton,.githubbutton{display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;background:#f5f5f5;gap:6px;align-self:stretch;border-radius:30px;font-size:12px;font-weight:400;cursor:pointer;transition:background-color .3s,padding .3s,border-radius: .3;padding:8px 12px;max-width:160px}.netlifybutton:hover{background-color:#ff70d9;color:#fff}.githubbutton:hover{background-color:#8a2be2;color:#fff}.githubbutton:hover img,.netlifybutton:hover img{filter:brightness(0) invert(1)}.ptags-container{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:5px}.ptags{background:#000;color:#fff;text-align:left;font-weight:600;padding:2px 6px;margin-right:5px}.icons-wrapper{margin:20px}@media screen and (min-width: 600px) and (max-width: 1023px){.projects-container{box-sizing:border-box;width:100%}.project-card{max-width:60%;margin-left:25%}.project-image{min-width:70%;min-height:70%}.viewbutton-container{display:flex;flex-direction:row}}@media screen and (min-width: 1024px){.projects-container{width:100%;box-sizing:border-box}.h2projectcard{font-size:24px}.project-card{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto auto;gap:30px;margin-right:120px;margin-left:120px}.projectimage{grid-row:span 2}.project-text-container{grid-column:2 / 3;grid-row:1 / 2;text-align:left;width:75%}.viewbutton-container{grid-column:2 / 3;grid-row:2 / 3;display:flex;flex-direction:row;width:100%;gap:30px;align-items:center;margin-left:20px}}.skills-container{width:100%;box-sizing:border-box}.skills{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:128px;background:#272727;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;margin-top:0}.skills-columns{display:flex;flex-direction:column;box-sizing:border-box;width:100%}.skills-column{text-align:center}.h1skills{color:#fff;text-align:center;font-size:50px;font-style:normal;font-weight:600;line-height:normal}.h3skills{display:inline-flex;align-items:flex-start;color:#fff;background-color:#ff70d9;padding:8px;font-size:24px;font-style:normal;font-weight:600;line-height:normal;text-align:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.skills-item{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:500;margin-right:40px;color:#fff}.h3tools{display:inline-flex;align-items:flex-start;color:#fff;background-color:#8a2be2;padding:8px;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.h3more{display:inline-flex;align-items:flex-start;color:#fff;background-color:#95d175;padding:8px;font-size:24px;font-style:normal;font-weight:600;line-height:normal}@media screen and (min-width: 600px) and (max-width: 1023px){.skills-container{width:100%}}.skills-columns{display:flex;flex-direction:column;margin-left:15px;margin-right:15px}.h1skills{font-size:80px}.h3skills,.h3tools,.h3more{font-size:36px;font-weight:800}.skills-item{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:500;margin-right:40px}@media screen and (min-width: 1024px){.skills-container{width:100%}.skills-columns{display:grid;grid-template-columns:repeat(3,1fr);margin-left:15px;margin-right:15px}.h1skills{font-size:80px}.h3skills,.h3tools,.h3more{font-size:36px;font-weight:800}.skills-item{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;font-weight:500;margin-right:40px}}.wave{width:100vw;height:11px;background-image:url(/assets/wave-dcccdc18.svg);background-repeat:repeat-x;background-position:top;background-size:1512px 11px}.contact{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:#fff}.h2contact{font-size:56px;color:#272727}.contact-name,.contact-number,.contact-mail{font-weight:200;font-size:18px;margin:0;color:#272727}.profile-image{margin-bottom:30px}.scroll-text-wrapper{position:relative;width:100%;height:114px;overflow:hidden;background:#FF70D9;display:flex;justify-content:center;align-items:center;margin-top:25px}.scroll-text{white-space:nowrap;position:absolute;animation:scroll-text 80s linear infinite;color:#fff;font-size:26px}@keyframes scroll-text{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media screen and (min-width: 600px){.contact-name,.contact-number,.contact-mail{font-weight:400;font-size:26px;margin:0;color:#272727}}:root{box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}