[aria-selected=true][data-v-1fcd88c9]{border-bottom:1px solid #6465f1!important;color:#6366f1!important}[aria-selected=false][data-v-1fcd88c9]{border-bottom:none!important;width:auto}@tailwind base;@tailwind components;@tailwind utilities;body{font-family:Helvetica,sans-serif;background:#0d1117;overflow-x:hidden}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#Brand,#app{color:#f8f8f8}#Brand{font-size:2em;font-weight:700;text-decoration:none;margin-bottom:0;padding:0;display:inline-block;position:relative;border-radius:3px;transition:all .3s ease;stroke:#6366f1}#ProfileCard{position:absolute}#BGCard,#ProfileCard,#dropdownInformation{background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);background-position:bottom;background-repeat:no-repeat;background-size:300%}.codepen-hover{fill:#fff}.cursor-link{cursor:pointer}@media (min-width:640px){.Responsive{min-height:50vh}}@media (min-width:1280px){.Responsive{min-height:50vh}}@media (min-width:640px){*{cursor:none}svg:hover{cursor:pointer}.cursor{--size:8px;height:var(--size);width:var(--size);border-radius:50%;position:absolute;z-index:10000;transform:translate(-50%,-50%);pointer-events:none}.cursor.cursor-shadow{background-color:transparent;border:1px solid #fff;--size:40px;transition:top .2s,left .2s,width .2s,height .2s,background-color .2s,border-color .2s;transition-timing-function:ease-out}.cursor.cursor-dot{background:#6366f1;transition:width .2s,height .2s}.cursor-shadow.active{--size:80px;border-color:hsla(0,0%,100%,0);background-color:hsla(0,0%,100%,.1)}.cursor-dot.active{--size:0}}::-moz-selection{background:#5b5fdc}::selection{background:#5b5fdc}.typewriter h1{overflow:hidden;border-right:.15em solid orange;white-space:nowrap;margin:0 auto;letter-spacing:.15em;-webkit-animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;animation:typing 3.5s steps(40),blink-caret .75s step-end infinite}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:orange}}.loaded{min-height:100vh;font-family:Roboto,Arial;color:#adafb6;display:flex;justify-content:center;align-items:center;background:rgba(249,251,255,.6)}*{padding:0;margin:0;box-sizing:border-box}.Background-container{width:100%;padding:40px 30px;border:2px solid hsla(0,0%,100%,.06);border-radius:10px;box-shadow:0 20px 30px rgba(0,0,0,.2);background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);background-position:bottom;background-repeat:no-repeat;background-size:300%}.Background-container *{font-family:Poppins,sans-serif;color:#fff;font-weight:500}h2{margin-bottom:40px;letter-spacing:2px}.skills:not(:last-child){margin-bottom:30px}.details{width:100%;display:flex;justify-content:space-between;margin-bottom:10px}.bar{background-color:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.06);padding:7px 10px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar,.bar div{position:relative}.bar div{width:0;height:5px;border-radius:10px;background-color:#6366f1;border:1px solid#6366f1;box-shadow:0 0 5px rgba(28,151,252,.6)}#jQuery-bar{-webkit-animation:jQuery-fill 3.5s infinite;animation:jQuery-fill 3.5s infinite}@-webkit-keyframes jQuery-fill{0%{width:0}to{width:100%}}@keyframes jQuery-fill{0%{width:0}to{width:100%}}.Responsive{min-height:50vh}.boxes{position:relative;transform-style:preserve-3d;transform-origin:50% 50%;margin-top:32px;transform:rotateX(60deg) rotate(45deg) rotateY(0deg) translateZ(0)}.boxes,.boxes .box{height:32px;width:32px}.boxes .box{top:0;left:0;position:absolute;transform-style:preserve-3d}.boxes .box:first-child{transform:translate(100%);-webkit-animation:box1 1s linear infinite;animation:box1 1s linear infinite}.boxes .box:nth-child(2){transform:translateY(100%);-webkit-animation:box2 1s linear infinite;animation:box2 1s linear infinite}.boxes .box:nth-child(3){transform:translate(100%,100%);-webkit-animation:box3 1s linear infinite;animation:box3 1s linear infinite}.boxes .box:nth-child(4){transform:translate(200%);-webkit-animation:box4 1s linear infinite;animation:box4 1s linear infinite}.boxes .box>div{--translateZ:15.5px;--rotateY:0deg;--rotateX:0deg;position:absolute;width:100%;height:100%;background:#5c8df6;top:auto;right:auto;bottom:auto;left:auto;transform:rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ))}.boxes .box>div:first-child{top:0;left:0;background:#5c8df6}.boxes .box>div:nth-child(2){background:#145af2;right:0;--rotateY:90deg}.boxes .box>div:nth-child(3){background:#447cf5;--rotateX:-90deg}.boxes .box>div:nth-child(4){background:#dbe3f4;top:0;left:0;--translateZ:-90px}@-webkit-keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@keyframes box1{0%,50%{transform:translate(100%)}to{transform:translate(200%)}}@-webkit-keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@keyframes box2{0%{transform:translateY(100%)}50%{transform:translate(0)}to{transform:translate(100%)}}@-webkit-keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@keyframes box3{0%,50%{transform:translate(100%,100%)}to{transform:translateY(100%)}}@-webkit-keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}@keyframes box4{0%{transform:translate(200%)}50%{transform:translate(200%,100%)}to{transform:translate(100%,100%)}}:root{--secondary-color:#003140;--hue:223;--bg:hsl(var(--hue),10%,10%);--fg:hsl(var(--hue),10%,90%);font-size:calc(13.33333px + .83333vw)}.pl__ring{stroke:hsla(var(--hue),10%,90%,.1)}.pl,.pl__worm{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.pl{-webkit-animation-name:bump;animation-name:bump;-webkit-animation-timing-function:linear;animation-timing-function:linear;width:8em;height:8em}.pl__worm{-webkit-animation-name:worm;animation-name:worm;-webkit-animation-timing-function:cubic-bezier(.42,.17,.75,.83);animation-timing-function:cubic-bezier(.42,.17,.75,.83)}.wrapper{position:fixed;inset:0;z-index:9999;background-color:var(--bg);color:var(--fg);font:1em/1.5 sans-serif;display:grid;place-items:center;transition:opacity .25s,visibility 1s,background-color .3s}.wrapper.fade{opacity:0;visibility:hidden}@-webkit-keyframes bump{0%,42%,46%,51%,55%,59%,63%,67%,71%,74%,78%,81%,85%,88%,92%,to{transform:translate(0)}44%{transform:translate(1.33%,6.75%)}53%{transform:translate(-16.67%,-.54%)}61%{transform:translate(3.66%,-2.46%)}69%{transform:translate(-.59%,15.27%)}76%{transform:translate(-1.92%,-4.68%)}83%{transform:translate(9.38%,.96%)}90%{transform:translate(-4.55%,1.98%)}}@keyframes bump{0%,42%,46%,51%,55%,59%,63%,67%,71%,74%,78%,81%,85%,88%,92%,to{transform:translate(0)}44%{transform:translate(1.33%,6.75%)}53%{transform:translate(-16.67%,-.54%)}61%{transform:translate(3.66%,-2.46%)}69%{transform:translate(-.59%,15.27%)}76%{transform:translate(-1.92%,-4.68%)}83%{transform:translate(9.38%,.96%)}90%{transform:translate(-4.55%,1.98%)}}@-webkit-keyframes worm{0%{stroke-dashoffset:10}25%{stroke-dashoffset:295}to{stroke-dashoffset:1165}}@keyframes worm{0%{stroke-dashoffset:10}25%{stroke-dashoffset:295}to{stroke-dashoffset:1165}}