@import url(https://fonts.googleapis.com/css?family=Exo:400,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--matte-black:#000;--black:#090a0d;--matte-grey:#18181b;--pastel-orange:#f8a22a;--brown:#302319;--white:#fff}::-webkit-scrollbar{width:0}.pfp{-webkit-animation:pfp 5s 1s forwards;animation:pfp 5s 1s forwards;border:8px solid #f8a22a;border:8px solid var(--pastel-orange);border-radius:4rem;margin-left:auto;margin-right:15%;opacity:0;width:20%}.box1,.container{background-color:#000;background-color:var(--matte-black)}.box1{height:60vh}.box2{background-color:#18181b;background-color:var(--matte-grey);height:auto}.box2column{display:flex;flex-direction:row}.columnDiv1{border-right:2px solid #000;border-right:2px solid var(--matte-black);font-size:20px;justify-content:center}.columnDiv1,.columnDiv2{color:#000;color:var(--matte-black);display:flex;font-weight:700;height:auto;margin-top:5%;text-align:center}.columnDiv2{border-left:2px solid #000;border-left:2px solid var(--matte-black);font-size:16px}.content1{align-items:center;height:60vh;justify-content:center;position:fixed}.content1,.content2{display:flex;width:100%}.content2{height:auto;padding-bottom:5%}.content2,.content3{flex-direction:column}.content3{background-color:#18181b;background-color:var(--matte-grey);display:flex;height:100vh;text-align:center}.Fill{background-color:#f8a22a;background-color:var(--pastel-orange);height:10vh;width:100%}.intro{color:#18181b;color:var(--matte-grey);font-size:1.2rem;font-weight:bolder;margin-left:10%}.title{font-size:4rem;font-weight:bolder;justify-content:center;margin-top:7%;padding-bottom:20px;width:800px}.Nav,.title{align-items:center;background-color:#000;background-color:var(--matte-black);border-bottom:2px solid #fff;box-shadow:10px 10px 0 0 #090a0d;box-shadow:10px 10px 0 0 var(--black);color:#f8a22a;color:var(--pastel-orange);display:flex;height:80px;margin-left:auto;margin-right:auto}.Nav{margin-top:3%;padding:8px;width:600px}.Nav a{align-items:center;color:#f8a22a;color:var(--pastel-orange);display:flex;font-size:25px;font-weight:bolder;height:100%;justify-content:center;text-decoration:none;width:200px}.Nav a:hover{background-color:#f8a22a;background-color:var(--pastel-orange);color:#090a0d;color:var(--black);font-size:30px}.quotation{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.quotation,.quotation2{color:#fff;color:var(--white);opacity:0}.quotation2{-webkit-animation:fadeIn 1s 2s forwards;animation:fadeIn 1s 2s forwards}.hi{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards}.hi,.name{color:#f8a22a;color:var(--pastel-orange);font-size:5rem;opacity:0}.name{-webkit-animation:fadeIn 1s 1s forwards;animation:fadeIn 1s 1s forwards}.where{-webkit-animation:fadeIn 2s 1.5s forwards;animation:fadeIn 2s 1.5s forwards;color:#fff;color:var(--white);font-size:3rem;opacity:0}.why{-webkit-animation:fadeIn 3s 2.5s forwards;animation:fadeIn 3s 2.5s forwards;opacity:0}.AboutMe{color:#fff;color:var(--white);font-size:25px;margin-left:4vw;margin-right:4vw;text-align:center;width:40vw}.AboutMe h1{font-size:3rem;text-decoration:underline;text-decoration-color:#f8a22a;text-decoration-color:var(--pastel-orange)}.skillGrid{display:flex;flex-wrap:wrap;justify-content:center;margin-left:2vw;margin-right:2vw;width:46vw}.skillGrid img{border-radius:20px;height:80%;width:80%}.skillGrid div{align-items:center;color:#fff;color:var(--white);cursor:pointer;display:flex;-webkit-filter:none;filter:none;flex-direction:column;justify-content:center;margin-bottom:10px;margin-left:2px;margin-right:2px;padding:5px;transition:box-shadow .18s ease,-webkit-transform .18s ease;transition:transform .18s ease,box-shadow .18s ease;transition:transform .18s ease,box-shadow .18s ease,-webkit-transform .18s ease;width:150px;will-change:transform}@media (hover:hover) and (pointer:fine){.skillGrid div:hover{box-shadow:0 8px 18px rgba(0,0,0,.35);-webkit-transform:translateY(-4px) scale(1.04);transform:translateY(-4px) scale(1.04)}.skillGrid div:active{box-shadow:0 4px 10px rgba(0,0,0,.25);-webkit-transform:translateY(-1px) scale(.98);transform:translateY(-1px) scale(.98)}}@media (hover:none){.skillGrid div:active{box-shadow:0 4px 10px rgba(0,0,0,.25);-webkit-transform:translateY(1px) scale(.98);transform:translateY(1px) scale(.98)}}.TechStack h1{color:#fff;color:var(--white);font-size:3rem;text-decoration:underline;text-decoration-color:#f8a22a;text-decoration-color:var(--pastel-orange)}.project{height:auto}.projectGrid{display:flex;flex-wrap:wrap;justify-content:center;margin-top:5%}.projectCard{background-color:#000;background-color:var(--matte-black);border:2px solid #f8a22a;border:2px solid var(--pastel-orange);box-shadow:15px 15px 0 0 #090a0d;box-shadow:15px 15px 0 0 var(--black);display:flex;flex-direction:column;height:532px;margin:1%;width:600px}.projectCard:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cardText{background-color:#000;background-color:var(--matte-black);border-top:2px solid #f8a22a;border-top:2px solid var(--pastel-orange);display:flex;flex-direction:column}.projectTitle{align-items:center;color:#fff;color:var(--white);display:flex;font-size:40px;font-weight:700;height:75px;justify-content:center}.linkBox{border-top:2px solid #f8a22a;border-top:2px solid var(--pastel-orange);display:flex;flex-direction:row;height:68px;text-align:center}.download,.links{align-items:center;color:#fff;color:var(--white);display:flex;font-size:30px;height:65px;justify-content:center;text-decoration:none;width:300px}.download{background-color:#000;border:2px solid #f8a22a;border:2px solid var(--pastel-orange)}.download:hover,.links:hover{background-color:#fff;background-color:var(--white);color:#000;color:var(--matte-black)}.cardPic{height:350px;width:600px}.resumeTxt{font-size:25px;margin-bottom:20px;margin-top:40px}.resumeTxt,.techUsed{color:#fff;color:var(--white)}.techUsed{border-top:2px solid #f8a22a;border-top:2px solid var(--pastel-orange);height:20px;padding-bottom:10px;text-align:center}.techTitle{font-size:larger;font-weight:600}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.circles{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.circles li{-webkit-animation:animate 25s linear infinite;animation:animate 25s linear infinite;background:#f8a22a;background:var(--pastel-orange);bottom:-150px;display:block;height:20px;list-style:none;position:absolute;width:20px}.circles li:first-child{-webkit-animation-delay:0s;animation-delay:0s;background-color:#fff;background-color:var(--white);height:80px;left:25%;width:80px}.circles li:first-child,.circles li:nth-child(2){-webkit-animation-duration:8s;animation-duration:8s}.circles li:nth-child(2){-webkit-animation-delay:2s;animation-delay:2s;height:20px;left:10%;width:20px}.circles li:nth-child(3){-webkit-animation-delay:3s;animation-delay:3s;background-color:#fff;background-color:var(--white);height:20px;left:70%;width:20px}.circles li:nth-child(4){-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-duration:12s;animation-duration:12s;height:60px;left:40%;width:60px}.circles li:nth-child(5){-webkit-animation-delay:0s;animation-delay:0s;height:20px;left:65%;width:20px}.circles li:nth-child(5),.circles li:nth-child(6){background-color:#fff;background-color:var(--white)}.circles li:nth-child(6){-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-duration:10s;animation-duration:10s;height:110px;left:75%;width:110px}.circles li:nth-child(7){-webkit-animation-delay:5s;animation-delay:5s;background-color:#fff;background-color:var(--white);height:150px;left:35%;width:150px}.circles li:nth-child(8){-webkit-animation-delay:8s;animation-delay:8s;-webkit-animation-duration:25s;animation-duration:25s;height:25px;left:50%;width:25px}.circles li:nth-child(9){-webkit-animation-delay:2s;animation-delay:2s;background-color:#fff;background-color:var(--white);height:15px;left:20%;width:15px}.circles li:nth-child(10),.circles li:nth-child(9){-webkit-animation-duration:12s;animation-duration:12s}.circles li:nth-child(10){-webkit-animation-delay:4s;animation-delay:4s;height:150px;left:85%;width:150px}@-webkit-keyframes pfp{0%{opacity:0;-webkit-transform:translateY(700px) rotate(1turn);transform:translateY(700px) rotate(1turn)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@keyframes pfp{0%{opacity:0;-webkit-transform:translateY(700px) rotate(1turn);transform:translateY(700px) rotate(1turn)}to{opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}}@-webkit-keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}@keyframes animate{0%{border-radius:0;opacity:1;-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}to{border-radius:50%;opacity:0;-webkit-transform:translateY(-1000px) rotate(2turn);transform:translateY(-1000px) rotate(2turn)}}.letter-image{cursor:pointer;height:30rem;left:50%;margin-top:25rem;position:relative;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60rem}.animated-mail{height:30rem;position:absolute;transition:.4s;width:60rem}.right-fold{border-color:transparent transparent #090a0d;border-color:transparent transparent var(--black) transparent;border-style:solid;border-width:0 0 30rem 60rem;height:0;width:0;z-index:2}.back-fold,.right-fold{bottom:0;position:absolute}.back-fold{background:#f8a22a;background:var(--pastel-orange);height:30rem;width:60rem;z-index:0}.left-fold{border-color:transparent transparent transparent #000;border-color:transparent transparent transparent var(--matte-black);border-style:solid;border-width:15rem 0 15rem 30rem;bottom:0;height:0;position:absolute;width:0;z-index:2}.letter{background:#fff;bottom:5rem;height:20rem;left:2.5rem;overflow:hidden;position:absolute;transition:.4s .2s;width:55rem;z-index:1}.letter-context,.letter-context form{align-items:center;display:flex;flex-direction:column;justify-content:center}.letter-context form{width:800px}.subject{border:2px solid #000;border-radius:4px;height:30px;margin-bottom:20px;text-align:center;width:500px}.email,.user-name{height:30px;margin-bottom:20px;text-align:center;width:250px}.email,.message,.user-name{border:2px solid #000;border-radius:4px}.message{font-size:larger;height:100px;margin-bottom:10px;max-height:150px;max-width:800px;width:500px}.contact-icons{display:flex;justify-content:center}.contact-icons img{-webkit-filter:saturate(0);filter:saturate(0);margin:80px 40px -80px;width:120px}.animated-mail:hover .letter{height:30rem;-webkit-transform:translateY(-300px);transform:translateY(-300px)}@media (max-width:900px){body,html{overflow-x:hidden}.box1{min-height:0!important;padding:12px 0 0!important}.box1,.content1{height:auto!important;margin:0!important;position:relative!important}.content1{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:12px 0!important;text-align:center;width:100%;z-index:2!important}.pfp{border:6px solid #f8a22a;border:6px solid var(--pastel-orange);border-radius:2rem;margin:0 auto 16px;order:-1;position:relative;width:clamp(160px,50vw,220px);z-index:4}.hi,.name,.quotation,.quotation2,.where,.why{-webkit-animation:none!important;animation:none!important;opacity:1!important;position:relative;text-shadow:0 2px 8px rgba(0,0,0,.85);z-index:3}.hi,.name,.where{font-size:clamp(20px,6vw,28px);margin:6px 0}.quotation,.quotation2{font-size:clamp(14px,4vw,18px);margin-top:8px}.circles{display:block!important;inset:0!important;opacity:.28!important;pointer-events:none!important;position:absolute!important;z-index:1!important}.Nav,.title{margin-left:auto;margin-right:auto;max-width:800px;width:92vw}.title{font-size:clamp(28px,7vw,40px);height:auto;margin-top:10px!important;padding-bottom:12px}.Nav{align-items:center;display:flex;gap:8px;height:auto;margin-top:8px!important;padding:8px}.Nav a{flex:1 1;font-size:clamp(16px,4vw,20px);height:48px;min-width:0;width:auto}@media (hover:none){.Nav a:hover{background:inherit;color:inherit;font-size:inherit}}.box2{margin-top:12px}.box2column{align-items:stretch;flex-direction:column;gap:16px}.columnDiv1,.columnDiv2{border:0!important;padding:8px 12px}.columnDiv2{border-top:2px solid #000;border-top:2px solid var(--matte-black)}.AboutMe{font-size:clamp(16px,2.7vw,20px);margin-inline:auto;text-align:center;width:92vw}.skillGrid{flex-wrap:wrap!important;gap:16px!important;margin:0 auto!important;padding:0 12px!important;width:100%!important}.skillGrid,.skillGrid div{display:flex!important;justify-content:center!important}.skillGrid div{align-items:center!important;-webkit-filter:none!important;filter:none!important;flex-basis:calc(25% - 12px);flex-grow:0;flex-shrink:1;max-width:100px!important;width:auto!important}.skillGrid img{border-radius:12px!important;height:auto!important;width:100%!important}.skillGrid div:hover{-webkit-filter:none!important;filter:none!important}.projectTitle{font-size:clamp(18px,5vw,24px)!important;height:auto!important;line-height:1.2;padding:8px;text-align:center;word-break:break-word}.projectGrid{margin-top:24px;padding-inline:3vw}.projectCard{height:auto;margin:12px 0;width:92vw}.cardPic{height:auto;width:100%}@media (hover:none){.projectCard:hover{-webkit-transform:none;transform:none}}.techUsed{height:auto;padding:8px 0}.animated-mail,.back-fold,.left-fold,.letter,.letter-image,.right-fold{display:none!important}.contact-icons{align-items:center!important;display:flex!important;flex-wrap:wrap;gap:24px;justify-content:center!important;margin:16px auto 32px;padding:8px 0}.contact-icons img{-webkit-filter:none;filter:none;height:auto;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease;width:56px}@media (hover:hover) and (pointer:fine){.contact-icons img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}}.content3{height:auto!important;min-height:0!important;padding-bottom:24px}.box2,.container,.project,.projectGrid{overflow:visible!important}}
/*# sourceMappingURL=main.774a8f74.css.map*/