@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:hsla(0,0%,100%,.95);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.circlecursor{--circle-size:40px;--circle-size:9px;display:none;position:fixed;height:var(--circle-size);width:var(--circle-size);border-radius:100%;top:calc(var(--circle-size) / 2 * -1);left:calc(var(--circle-size) / 2 * -1);pointer-events:none;-webkit-backdrop-filter:invert(75%);backdrop-filter:invert(75%);z-index:1;-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}.head,.tooltip,h1,h2,h3,h4,h5,h6,p,span{cursor:default}.removeDesktop{display:none!important}body{margin:0;padding:0;display:flex;place-items:center;min-height:100vh;overflow-x:hidden}.page{height:100vh;width:100vw;justify-content:center;flex-direction:column;position:relative;scroll-snap-align:start;scroll-snap-type:y proximity;scroll-behavior:smooth;scroll-snap-stop:always}.nav,.page{display:flex;align-items:center}.nav{position:absolute;top:0;width:100%;height:120px}#chand{margin-left:auto;padding:1rem;position:fixed;right:1rem;top:1rem;z-index:50}#chand,#chand:hover{transition:.5s ease-in-out}.headProfile{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row-reverse;gap:4rem}#headContainer{height:auto;display:flex;gap:.25rem;flex-direction:column}.maskContainer{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:row}#imaryan{color:transparent!important;background-image:url(/img/heroTitleBackground.png);background-size:cover;background-repeat:no-repeat;-webkit-background-clip:text;font-family:Arizonia,cursive;font-size:75px;line-height:1.1;-webkit-text-stroke:.03rem transparent}#imaryan::selection{background-color:rgba(0,0,0,.5);color:inherit}#profileContainer{display:flex;justify-content:center;align-items:center;z-index:2}#profileContainer img{height:190px;width:190px;border-radius:100%}.hr{position:absolute;bottom:0;display:flex;flex-direction:row;gap:5px;margin-bottom:1%}.circle{background-color:#fff;height:7.5px;width:7.5px;border-radius:10px}h1{margin:0;font-size:3.2em;line-height:1.1;color:#fff}.contentBox{width:45vw;height:-moz-fit-content;height:fit-content;border-radius:21px}.content{padding:1.1rem 1rem;margin:0;font-family:Alegreya Sans SC;font-size:28px;font-weight:500;line-height:125%}.content,.head{text-align:center}.head{font-family:DM Serif Display;font-size:56px;font-weight:400}#headdotpurple{color:#7300ab}#hrdotpurple{background-color:#7300ab}#headdotlightblue{color:#61dafb}#hrdotlightblue{background-color:#61dafb}#headdotyellow{color:#ffd83a}#headdotorange{color:#ff7925}#headdotgreen{color:#ff1d43}#skillscircle{flex-wrap:wrap;gap:1.5rem;padding:1.5rem 0}#skillscircle,.skillcircle{display:flex;justify-content:center;align-items:center}.skillcircle{padding:.75rem;height:40px;width:40px;border-radius:100%;border:4px solid;aspect-ratio:1/1;position:relative}.skillcircle img{height:40px;width:40px;aspect-ratio:inherit}.tooltip{top:-125%;font-size:12px;font-family:Poppins;background-color:#030303;border-radius:15px;padding:1rem;width:225%;text-align:center;display:flex;justify-content:center;box-shadow:0 0 15px hsla(0,0%,100%,.02);top:-90%;width:150%}.tooltip,.tooltipcorner{position:absolute;z-index:2;visibility:hidden;opacity:0;transition:.25s ease-in-out}.tooltipcorner{bottom:-19%;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #030303;filter:drop-shadow(0 10px 10px rgba(255,255,255,.05))}.skillcircle:hover .tooltip,.skillcircle:hover .tooltipcorner{visibility:visible;opacity:1}#form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;margin-top:1.5rem}form button{border-radius:7px;padding:.5rem;cursor:pointer;z-index:2}form button,input,textarea{width:28vw;border:none;outline:none}input,textarea{background-color:transparent;text-indent:10px;font-family:poppins;padding:.2rem 0;letter-spacing:.7px}textarea{border-radius:10px;text-indent:0;resize:none;padding:.25rem .5rem;box-sizing:border-box}.footer{width:97%;margin:auto;padding-bottom:.25rem;height:-moz-fit-content;height:fit-content;display:flex;justify-content:space-between;font-weight:200;font-family:poppins}.socials{width:-moz-fit-content;width:fit-content;display:flex;gap:1rem}.email a,.socials a{display:flex;justify-content:center;align-items:center;gap:.25rem}.email{width:-moz-fit-content;width:fit-content}a{text-decoration:none;color:inherit}#projectBoxContainer{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem}.projectBox{width:450px!important;width:420px!important;height:230px;border-radius:10px;position:relative;overflow:hidden;left:50%;transform:translateX(-50%);margin:1.2rem 0}.projectBox1{background:radial-gradient(196.42% 98.22% at 0 18.01%,#060606 8.72%,#131313 85.7%)}.projectBox2{background:radial-gradient(196.42% 98.22% at 0 18.01%,rgba(43,17,72,.99) 8.72%,rgba(99,1,147,.99) 85.7%)}.projectBox3{background:radial-gradient(196.42% 98.22% at 0 18.01%,#131313 8.72%,#202020 85.7%)}.projectBox4{background:radial-gradient(193.2% 96.59% at 3.41% 16.91%,rgba(47,35,30,.99) 14.58%,rgba(85,63,55,.99) 85.7%)}.projectBox5{background:radial-gradient(200.03% 100% at 0 18.01%,rgba(15,42,27,.99) 10.8%,rgba(38,96,66,.99) 91.54%)}.projectBox1:before,.projectBox2:before,.projectBox3:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:-1}.laptop{height:170px;width:190px;position:absolute;bottom:0;right:0;border-radius:10px 0;border-top:1px solid #fff;border-left:1px solid #fff;background:#000;overflow:hidden}.laptop img{width:100%;border-radius:6px 0 0 0;top:0;margin-top:.25rem;margin-left:.25rem}.laptop img,.projectAbout{height:100%;position:absolute}.projectAbout{padding-left:1.5rem;display:flex;justify-content:space-evenly;flex-direction:column}.projectHeading{color:#ddd;font-family:DM Serif Display;font-size:36px;font-weight:400;letter-spacing:.54px}.projectFeaturesMobile{font-size:8.25px!important;width:85%!important}.projectBoxMobile{transform:scale(1.04)!important}.projectAboutMobile{padding-left:1.1rem!important}.projectFeatures{color:#ddd;font-family:Poppins;font-size:12px;font-weight:300;line-height:15px;line-height:150%;width:90%}.checkoutbtn{margin:1rem 0 .75rem;display:flex;gap:.3rem}.checkoutbtn button{width:80px;height:23px;flex-shrink:0;box-shadow:2px 2px 3px 1px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;border:none;border-radius:5px}.checkoutbtn button:hover .arrowimg{transition:.3s ease-in-out;transform:translate(.75px,-.75px)}form button:hover .arrowimg{transition:.15s ease-in-out;transform:translateX(2px)}.email a:hover .arrowimg,.socials a:hover .arrowimg,.workViewMoreBtn:hover .arrowimg{transition:.3s ease-in-out;transform:translate(1.25px,-1.25px)}.checkoutbtn button p{cursor:pointer}input:focus,textarea:focus{border-radius:4px;transition:.3s ease-in-out}textarea:focus{border-radius:10px}.github{cursor:pointer;width:23px!important;height:23px!important}.github:hover .githubimg{transform:scale(1.075)!important;transition:.3s!important}.checkoutbtn button p{color:#000;font-weight:400;font-family:Poppins;font-size:12px;display:flex;align-items:center;justify-content:center}.anchors-wrap{padding:0 .5rem;z-index:10;position:fixed;top:50%;right:0;transform:translateY(-50%);display:flex;align-items:center;height:60vh}.anchors{padding-left:0}.anchors:before{content:"";display:block;z-index:-1;position:absolute;top:1.5rem;bottom:1.5rem;left:0;right:0;width:.1rem;margin:0 auto;background-color:#aaa}.anchors{display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:100%}.anchors a{position:relative;display:flex;height:3rem;width:3rem}.anchors a:after,.anchors a:before{content:"";display:block;margin:auto;border:1px solid #fff;border-radius:50%;transition:all .4s cubic-bezier(.4,0,.2,1)}.anchors a:before{width:.8rem;height:.8rem;background-color:#000}.anchors a:after{position:absolute;top:0;left:0;right:0;bottom:0;width:1.25rem;height:1.25rem;background-color:#aaa;transform:scale(0);transform-origin:center}.anchors a:hover:before{background-color:#fff;box-shadow:0 0 10px #000}.anchors a.active:after{transform:scale(1)}.colorBlock{margin-bottom:2rem}.colorBlock-inner{min-height:23rem;height:100%;padding:2.7rem 3rem}.colorBlock .title{margin-bottom:2rem}#container1,#container2,#container3,#container4,#container5{transition:.3s ease-in-out;scroll-behavior:smooth;margin:3rem}ul{list-style-type:none}#hitcontainer1 a:before,#hitcontainer2 a:before,#hitcontainer3 a:before,#hitcontainer4 a:before,#hitcontainer5 a:before{background-color:#fff}#imaryan,.contentBox,.head{z-index:2!important}@media only screen and (max-width:475px){.circlecursor{display:none}body{display:block}.nav{height:60px;position:static}.page{display:unset;align-items:center;justify-content:center;height:unset;margin:5rem 0}.headProfile{flex-direction:column}#profileContainer img{height:150px;width:150px;margin-bottom:.75rem}#imaryan{font-size:40px}#headContainer,#profileContainer{width:80%}#removeMobile{display:none!important}.removeDesktop{display:flex!important}.contentBox{width:90%;border-radius:21px;margin:5px auto 90px}.content{padding:1.1rem 1rem;margin:0;font-size:22px;line-height:125%;-webkit-text-stroke:.005rem #b7b7b7}.head{font-size:43px}.projectBox{width:275px!important;height:150px!important;left:0;transform:translateX(0);margin:0}.laptop{height:110px;width:130px}.projectAbout{height:80%;margin-top:11.5px}.projectHeading{font-size:24px}.projectFeatures{font-size:10px}.checkoutbtn{margin:.5rem 0 0}.checkoutbtn button{height:12.25px;width:62px;box-shadow:2px 2px 3px 0 rgba(0,0,0,.3)}.checkoutbtn button p{font-size:9px}.github{height:12.25px!important;width:12.25px!important}input,textarea{width:70vw;font-family:poppins}form button{width:70vw}.footer{width:100vw;font-size:11px;position:absolute;bottom:0}.socials{gap:.6rem;margin-left:.75rem}.email{margin-right:.75rem}.pagecontainer{width:100vw;overflow-x:hidden;position:relative}#fixpadding{margin-bottom:-5.5rem;padding-bottom:4.5rem}#navigator{width:95vw;margin:auto;height:55px;position:-webkit-sticky;position:sticky;bottom:15px;padding:0 .15rem;outline:.001rem solid hsla(0,0%,100%,.75);border-radius:30px;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);display:flex;justify-content:space-evenly;align-items:center;letter-spacing:.5px;font-weight:200;font-size:12px;transition:transform .5s ease-in-out;z-index:3}#navigator a{padding:.3rem .85rem;height:-moz-fit-content;height:fit-content;text-decoration:none}.activeSection{padding:.3rem .85rem;display:flex;justify-content:center;align-items:center;border-radius:16px;background:#202020;box-shadow:inset 0 4px 4px 0 rgba(0,0,0,.5);animation:anim .25s ease-in-out;color:#fff!important}@keyframes anim{0%{transform:scale(.05)}to{transform:none}}#workpage{display:flex;gap:1rem!important}#writtenContent>h2{font-size:1rem!important}#writtenContent{gap:10px!important}.experienceItem{gap:1rem!important;width:85%!important}.workProjectImage{width:315px;height:150px}.experienceList{gap:1rem!important}.liveWorkCardContainer{flex-direction:column;gap:1rem;margin:0!important}.WorkSubHeading{text-align:center}.liveWorkCardContainer{width:89%!important;align-items:center}.headofpage{width:80%!important}.workViewMoreBtn{margin:0!important}.liveWorkPage{gap:2rem!important}#contributions{padding-left:12px!important}}