.nav{background-color:var(--bg-nav);user-select:none;position:sticky;top:0;z-index:999}.nav .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-inline:auto;padding-block:5px}.div--logo img{height:5rem;width:5rem}.nav-items{display:flex;align-items:center;gap:3vw;color:var(--primary)}.nav-item{position:relative;font-size:1.25rem;list-style:none;font-weight:600;color:inherit}.nav-item:after,.nav-item span:after{content:"";height:2px;background-color:var(--primary);position:absolute;right:0;bottom:0;width:0;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item span.active:after,.nav-item:hover:after{width:100%;left:0;right:auto}.nav-item,.nav-item:active,.nav-item:visited{text-decoration:none}@media only screen and (max-width: 768px){.nav .container{flex-direction:column}.nav-items{padding-block:3px}}.about--section{margin-inline:auto;display:flex;flex-grow:1;height:100%;align-items:center;flex-direction:column-reverse;justify-content:center;gap:3rem}.about--title{font-family:monospace;font-size:2.4rem;color:var(--primary)}.about--content{margin-top:1rem;font-size:1.2rem}.about--para{margin-top:1rem}.about--btn{-webkit-appearance:button;-moz-appearance:button;appearance:button;margin-top:2rem;padding:1rem 2rem;background-color:var(--primary);font-size:1.4rem;border:3px solid transparent;color:var(--bg-color);font-weight:800;transition:all .3s ease-in}.about--btn:hover{background-color:transparent;border:3px solid var(--primary);cursor:pointer;color:var(--primary)}.about--profile{display:flex;justify-content:center;align-items:center}.about--profile img{border-radius:9999px;height:12.5rem;width:12.5rem;box-shadow:inset 0 0 50px #fff,inset 20px 0 80px #f0f,inset -20px 0 80px #0ff,inset 20px 0 300px #f0f,inset -20px 0 300px #0ff,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff}@media (min-width: 640px){.about--profile img{height:18rem;width:18rem}}@media (min-width: 1024px){.about--section{gap:5rem;flex-direction:row;text-align:left}.about--title{font-size:3rem}.about--content{font-size:1.5rem}.about--profile{width:50%}.about--profile img{height:25rem;width:25rem}.about--para{font-size:1.4rem}}@media (min-width: 1280px){.about--title{font-size:4rem}.about--content{font-size:2.2rem}}@media (min-width: 1536px){.about--title{font-size:4.5rem}.about--content{font-size:2.5rem}}:root{font-family:poppins,sans-serif;font-weight:400;color-scheme:light dark;--color: rgba(255, 255, 255, .87);--bg-color: #242424;--bg-nav: #343a40;--primary: #c96ce3}a{text-decoration:none}*{margin:0;padding:0}#root{text-align:center}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.App{display:flex;flex-direction:column;min-height:100vh;height:100%}.about--arrows{display:flex;margin-right:2rem;justify-content:center;align-items:center;gap:.7rem;margin-bottom:2rem}.right--arrows,.left--arrows{height:70px;width:70px;cursor:pointer}.nav{height:80px;display:flex;flex-direction:row;align-items:center;max-width:auto;background-color:#343a40}.div--logo{height:80px;width:80px;margin-left:5.5rem}.logo{height:80px;width:80px}.div--content{display:flex;flex-direction:row;margin-left:600px;padding-top:10px}.nav--ul{display:flex;flex-direction:row;align-items:center}.nav--li{margin-left:2.5rem;font-size:20px;list-style:none;font-weight:600}li:hover{text-decoration:underline 3px solid #c96ce3;cursor:pointer}.about--section{margin-top:9rem;display:flex;margin-bottom:5rem}.about--title{font-family:monospace;font-size:3.5em;color:#c96ce3}.about--content{margin-top:1rem;font-size:2.5em}.about--para{margin-top:1rem}.about--btn{-webkit-appearance:button;-moz-appearance:button;appearance:button;margin-top:3rem;width:10rem;background-color:#c96ce3;font-size:1em;border:none;border-radius:2px}.about--btn:hover{background-color:transparent;border:3px solid #c96ce3;cursor:pointer}.about--profileImage{margin-left:10rem;border-radius:200px;box-shadow:inset 0 0 50px #fff,inset 20px 0 80px #f0f,inset -20px 0 80px #0ff,inset 20px 0 300px #f0f,inset -20px 0 300px #0ff,0 0 50px #fff,-10px 0 80px #f0f,10px 0 80px #0ff}.ref--div{height:80px}.intro--div{margin-bottom:5rem}.intro--section{display:flex}.intro--title,.project--title{font-family:monospace;padding-bottom:3rem;font-size:6em;color:var(--primary)}.intro--gif{height:400px;width:400px;margin-left:5rem}.intro--content{margin-left:10rem;margin-right:5rem}.intro--para{padding-bottom:2rem;font-size:1.2em;text-align:left}.intro--tech{text-align:left;color:#c96ce3;font-size:3em;font-family:monospace;margin-top:3rem;margin-bottom:1.5rem}.intro--techStack{text-align:left}.intro--li{margin-left:1.2rem;font-family:monospace;font-size:1.5em;line-height:1.8em}.intro--li:hover{font-size:1.8em}.project--container{display:flex;margin-bottom:5rem}.project--img{height:400px;width:800px;background-size:cover;background-image:url(/images/project/Project-1.jpg);margin-left:5rem;border-radius:10px}.project--img-2{margin-left:1rem;border-radius:10px;background-size:cover;background-image:url(/images/project/project-2.jpg)}.project--img-3{height:400px;width:800px;background-size:cover;background-image:url(/images/project/Project-3.jpg);margin-left:5rem;border-radius:10px}.project--overlay{height:400px;width:800px;border-radius:10px;background-color:#c96ce380}.project--overlay:hover{cursor:pointer;background-color:transparent}.desc--title{color:#c96ce3;margin-left:16rem;margin-bottom:1rem;margin-top:3rem;font-size:2em;cursor:pointer}.desc--title-2{color:#c96ce3;margin:3rem 16rem 1rem 7rem;font-size:2em;cursor:pointer}.desc--para{margin-left:2rem;height:100px;width:400px;background-color:#343a40;position:absolute;padding-top:10px;border-radius:10px}.desc--para-2{margin-left:7rem;height:120px;width:400px;background-color:#343a40;position:absolute;padding-top:10px;border-radius:10px}.desc--para-3{margin-left:3rem;height:100px;width:420px;background-color:#343a40;position:absolute;padding-top:10px;border-radius:10px}.desc--para p,.desc--para-2 p,.desc--para-3 p{margin-bottom:1rem}.project--links{height:25px;width:25px;margin-left:22rem;margin-bottom:2rem;cursor:pointer}.project--links-2{height:25px;width:25px;margin-right:22rem;cursor:pointer}.blog--section{margin-top:2em}.blog-container{display:flex;margin:3rem}.blog--image{margin-left:5rem}.blog--title{font-family:monospace;font-size:3.5em;color:#c96ce3;margin-bottom:3rem}.blog-1--image{height:360px;width:660px}.blog--writing{margin-left:2rem;height:100px;width:600px;text-align:left}.blog--readmore{margin-top:2rem}.blog--readmore p{font-family:monospace;font-size:2.5em;color:#c96ce3;cursor:pointer;text-align:left}.contact--title{font-family:monospace;font-size:3.5em;color:#c96ce3;margin-bottom:3rem}.contact--links{margin-top:8rem}.contact--links p{color:#c96ce3;font-size:1.5em}.contact--links a{text-decoration:none;color:#b9fbc0;font-size:1em}.contact--links a:hover{text-decoration:3px solid underline #c96ce3}.contact--para{height:100px;width:600px;align-items:center;justify-content:center;margin:auto;font-size:1.2em;text-align:left}.contact--socials{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.contact--socials img{height:50px;width:50px;cursor:pointer}.footer-container{margin-top:3rem;background-color:#343a40;height:11rem;padding:20px}.footer-container p{font-weight:700;font-family:monospace;font-size:1.5em;margin-top:2rem}@media only screen and (max-width: 768px){.intro--section{display:flex;flex-direction:column}.intro--gif{height:100px;width:100px;margin-left:3rem}.intro--title,.project--title{font-size:4em}.intro--content{margin-left:4rem;margin-right:2rem;margin-top:20rem}.blog-container{display:flex;flex-direction:column;margin-bottom:3rem}.blog--image{margin-left:2rem;margin-right:2rem}.blog--writing{margin-left:3rem;margin-bottom:6rem;height:200px;width:600px;text-align:left}.contact--title{font-size:2em}.contact--para{height:200px;width:300px;font-size:1em}.contact--links{margin-top:2rem}.footer-container{height:7.5rem}.footer-container p{font-size:1em}}