body{background:#222;margin:0;padding:0;color:#fff}.App{height:100vh}@media all and (max-width: 640px){body{width:auto}}.navbar{display:flex;justify-content:space-between;align-items:center;height:6vh;width:100%;margin:0 auto;top:0;left:0;box-shadow:1.3rem 1.3rem 1.3rem #00000080;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);position:sticky;z-index:100;border:1px solid transparent;border-bottom-color:#e1e1e11a;border-left-color:#e1e1e180;border-right-color:#e1e1e11a}.nav-content{width:fit-content(100vw);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;margin-left:1rem;font-family:Exo,sans-serif;font-weight:200;font-size:larger;color:#fff;background-image:linear-gradient(90deg,#543a8d 29%,#faad7a);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{width:20vw;list-style:none;display:flex;justify-content:space-evenly;align-items:center;font-family:Lato,sans-serif;font-family:Exo,sans-serif;font-optical-sizing:auto;font-style:normal}.nav li{padding:16px;color:#4a5759;font-weight:600;font-size:large}.nav a{text-decoration:none;font-weight:250;color:#fff}@media all and (max-width: 1024px){.navbar{width:100vw;overflow:scroll}.nav{margin-right:11rem}}@media all and (max-width: 480px){.navbar{width:100vw;overflow:scroll}.nav{font-size:small}}.aboutSection{display:flex;flex-direction:column;justify-content:space-between;padding-top:6rem}.pic{width:30vw}.pic img{height:20rem;width:20rem;margin-top:8rem}.intro-container{display:flex;justify-content:center}.introSection{width:50%;text-align:center;padding:0 2rem;align-self:center}.introTitle{font-family:Open Sans,sans-serif;font-size:3rem;background-image:#FFA500;-webkit-background-clip:text;background-clip:text;color:transparent}.intro{font-family:Arial,Helvetica,sans-serif;font-size:large;letter-spacing:.2rem;width:50rem}.marquee{margin-top:20rem;margin-right:4rem}.icon{font-size:2rem;margin:0 6rem;color:#4a5759}@media all and (max-width: 1024px){.aboutSection{width:auto}.intro-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.intro{margin-left:-8rem;width:80vw}.marquee{margin-top:16rem}}@media all and (max-width: 480px){img{margin-left:-6rem}.aboutSection{width:100vw;flex-direction:row}.intro-container{display:flex;flex-direction:row}.introTitle{font-size:1.4rem}.intro{width:100%;margin-left:.5rem}}.homepage{height:100%;text-align:center;padding:0;margin-top:-4rem;display:flex;align-items:center;justify-content:center}.nameTitle{font-size:9rem;margin:0;padding:0;color:#543a8d;font-family:Open Sans,sans-serif;font-weight:400}.roleTitle{font-size:1.5em;font-weight:500;font-family:Poppins,sans-serif;color:#faad7a;margin:0;padding:0;letter-spacing:1rem}button{background-color:transparent;background-image:linear-gradient(90deg,#543a8d 29%,#faad7a);-webkit-background-clip:text;background-clip:text;color:transparent;border:2px solid transparent;border-image-slice:1;border-image-source:linear-gradient(90deg,hsl(259,42%,39%) 29%,hsl(24,93%,73%) 100%);border-radius:15px;padding:.5rem 2rem;margin-top:5rem;font-family:Poppins,sans-serif;font-weight:400;letter-spacing:.3rem}button:hover{border-radius:100%;color:#faad7a}@media all and (max-width: 1024px){.homepage{width:100vw}.nameTitle{font-size:3rem}.roleTitle{font-size:1rem;letter-spacing:.3rem;margin-bottom:-3rem}}@media all and (max-width: 480px){.homepage{width:inherit;height:100vh}.nameTitle{font-size:3rem;margin-top:15rem}.roleTitle{font-size:1rem;letter-spacing:.3rem;margin-bottom:-3rem}}span{color:#4a5759;font-size:1.5rem;cursor:pointer}.workHeader{text-align:center;background-image:linear-gradient(90deg,#543a8d 29%,#faad7a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:5px;padding-top:.3rem;font-family:Open Sans,sans-serif;font-size:6rem;margin-top:0;margin-bottom:0}.sortTitles{width:100%;display:flex;justify-content:center;padding-top:0;gap:2rem;font-family:Exo,sans-serif;font-weight:400}.container{display:flex;padding-top:5rem;justify-content:space-evenly;height:80vh;align-items:center;flex-wrap:wrap}.card{text-align:center;height:40vh;margin:0 3rem}.card img{height:12rem;width:22rem;border:1px solid rgba(225,225,225,.1019607843);border-top-color:#e1e1e180;border-left-color:#e1e1e180;border-radius:1rem;box-shadow:1.3rem 1.3rem 1.3rem #00000080;transition:height 1s,width 1s}.card a{color:#fff;text-decoration:none;margin-top:80px;font-size:larger}.card a:hover{text-shadow:0 0 3px #111}.card .buttons{margin:5px;padding:3px;background-image:linear-gradient(90deg,#543a8d 29%,#faad7a);-webkit-background-clip:text;background-clip:text;color:transparent}.content{height:auto;overflow:hidden;opacity:0;transition:opacity .4s 0ms}.card:hover .content{opacity:1;transition:opacity .2s .2s}.card .content{text-align:center}.content{height:auto;background-image:linear-gradient(315deg,#7f53ac,#647dee 74%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Exo,sans-serif}.pname{color:#4a5759;font-family:Exo,sans-serif;font-weight:600;font-size:large;letter-spacing:3px;font-style:normal}.glass{background:#ffffff59;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}@media all and (max-width: 480px){.work{width:100vw}.workHeader{font-size:xx-large}.container{margin-left:4.5rem}}.sidemain{position:fixed;margin-top:30rem;margin-left:-.5rem}.sidenav{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:50px;font-size:xx-large;height:10rem;width:1.5rem;padding:1rem;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:1.3rem 1.3rem 1.3rem #00000080;border-top-right-radius:1rem;border-bottom-right-radius:1rem;border:1px solid transparent;border-top-color:#e1e1e180;border-left-color:#e1e1e180;border-bottom-color:#e1e1e11a;border-right-color:#e1e1e11a}.sidenav i{color:#543a8d}img{height:30px;width:30px;padding:.3rem}@media all and (max-width: 1024px){.sidenav{margin-top:15rem}}.resume{height:100vh;margin-top:16rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.title{padding:0;margin-top:16rem;margin-bottom:0;font-size:6rem;font-family:Exo,sans-serif;background-image:linear-gradient(90deg,#543a8d 29%,#faad7a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.resume-pic{height:80rem;width:60rem}.dl-btn{margin-top:0;margin-bottom:4rem}.dl-btn>a{text-decoration:none;background-image:linear-gradient(90deg,#543a8d 29%,#faad7a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media all and (max-width: 1024px){.resume-pic{width:90vw;height:auto;margin:auto;display:block}}@media all and (max-width: 480px){.resume{display:flex;align-items:center;justify-content:center}.title{margin-top:-14rem}.form button{margin-bottom:2rem;margin-left:2rem}.icons{flex-wrap:wrap;margin-right:2rem}.resume-pic{width:90vw;height:auto;margin:auto;display:block}}