@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap");@import url("https://fonts.googleapis.com/css2?family=Space+Mono&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:Lato,sans-serif}@property --angle{syntax:"<angle>";inherits:true;initial-value:0deg}@property --circle-diameter{syntax:"<length>";inherits:true;initial-value:0}:root{--color-background:conic-gradient(#000,#192d39,#0e1e2e,#281133,#14293d,#16031a,#000);--color-on-background:#fff;--c1:#6eccee;--c2:#ffdc99;--c3:#e3a4d0;--c4:#d455ff;--animation-duration:2.8s;--border-width:0.6vmin;--glow:drop-shadow(0 0 6vmin hsla(0,0%,100%,.19));--hole-pos-y:20%;--hole-radius:22vmin;--offset-per-surface:calc(360deg / 24)}@keyframes angle{0%{--angle:360deg}to{--angle:0deg}}@keyframes ball-container{0%{transform:translateZ(-40vmin);opacity:0}10%{transform:translateZ(-25vmin);opacity:1}85%{opacity:1}to{opacity:0;transform:translateZ(70vmin)}}.homeContainer{position:relative;width:50vmin;aspect-ratio:1/1.2;--angle:30deg;animation:angle var(--animation-duration) linear infinite;transform-style:preserve-3d;transform:rotateX(-45deg) rotateY(45deg)}.wall{position:absolute;inset:0;--wall-gap:10vmin;filter:var(--glow)}.wall:first-of-type{transform:translateZ(calc(var(--wall-gap) * -3));--index:1}.wall:first-of-type .surface,.wall:first-of-type .top{--index:1}.wall:first-of-type .surface:nth-child(2),.wall:first-of-type .top:nth-child(2){--index:2}.wall:nth-of-type(2){transform:translateZ(calc(var(--wall-gap) * -2));--index:2}.wall:nth-of-type(2) .surface,.wall:nth-of-type(2) .top{--index:3}.wall:nth-of-type(2) .surface:nth-child(2),.wall:nth-of-type(2) .top:nth-child(2){--index:4}.wall:nth-of-type(3){transform:translateZ(calc(var(--wall-gap) * -1));--index:3}.wall:nth-of-type(3) .surface,.wall:nth-of-type(3) .top{--index:5}.wall:nth-of-type(3) .surface:nth-child(2),.wall:nth-of-type(3) .top:nth-child(2){--index:6}.wall:nth-of-type(4){transform:translateZ(calc(var(--wall-gap) * 0));--index:4}.wall:nth-of-type(4) .surface,.wall:nth-of-type(4) .top{--index:7}.wall:nth-of-type(4) .surface:nth-child(2),.wall:nth-of-type(4) .top:nth-child(2){--index:8}.wall:nth-of-type(5){transform:translateZ(calc(var(--wall-gap) * 1));--index:5}.wall:nth-of-type(5) .surface,.wall:nth-of-type(5) .top{--index:9}.wall:nth-of-type(5) .surface:nth-child(2),.wall:nth-of-type(5) .top:nth-child(2){--index:10}.wall:nth-of-type(6){transform:translateZ(calc(var(--wall-gap) * 2));--index:6}.wall:nth-of-type(6) .surface,.wall:nth-of-type(6) .top{--index:11}.wall:nth-of-type(6) .surface:nth-child(2),.wall:nth-of-type(6) .top:nth-child(2){--index:12}.surface{position:absolute;inset:0;--angle-offset:calc(var(--index) * var(--offset-per-surface));-webkit-mask:radial-gradient(circle at 50% var(--hole-pos-y),transparent var(--circle-diameter),#000 var(--circle-diameter));mask:radial-gradient(circle at 50% var(--hole-pos-y),transparent var(--circle-diameter),#000 var(--circle-diameter));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0;background:radial-gradient(circle at 50% var(--hole-pos-y),var(--c4) calc(var(--circle-diameter) + var(--border-width)),var(--c4) calc(var(--circle-diameter) + var(--border-width)),transparent var(--circle-diameter)),linear-gradient(#000,#000),linear-gradient(45deg,var(--c1),var(--c3),var(--c2),var(--c1),var(--c4),var(--c3),var(--c2));background-repeat:no-repeat;background-size:100% 100%,calc(100% - var(--border-width)*2) calc(100% - var(--border-width)*2),100%,100%;background-position:0 0,var(--border-width) var(--border-width),0 0}.surface,.surface:nth-child(2){--circle-diameter:calc(var(--hole-radius) * cos(calc(var(--angle) + var(--angle-offset))))}.surface:nth-child(2){transform:translate(4vmin,5.7vmin)}.left{transform:skewY(55deg) translateY(2.9vmin);width:4.5vmin;background:linear-gradient(#000,#000) no-repeat,linear-gradient(to top,var(--c1),var(--c3),var(--c2),var(--c1)) no-repeat;background-size:calc(100% - var(--border-width)*2) calc(100% - var(--border-width)*2),100%,100%;background-position:var(--border-width) var(--border-width),0 0}.left,.top{position:absolute;inset:0}.top{transform:skewX(36deg) translateX(2vmin);height:6vmin;background:linear-gradient(#000,#000) no-repeat,linear-gradient(to right,var(--c1),var(--c3),var(--c2),var(--c1)) no-repeat;background-size:calc(100% - var(--border-width)*2) calc(100% - var(--border-width)*2),100%,100%;background-position:var(--border-width) var(--border-width),0 0;--angle-offset:calc(var(--index) * var(--offset-per-surface));--circle-diameter:calc(var(--hole-radius) * cos(calc(var(--angle) + var(--angle-offset))));-webkit-mask:radial-gradient(calc(var(--circle-diameter) * .86) at 50% calc(60% / cos(var(--angle) + var(--angle-offset))),transparent var(--circle-diameter),#000 var(--circle-diameter));mask:radial-gradient(calc(var(--circle-diameter) * .86) at 50% calc(60% / cos(var(--angle) + var(--angle-offset))),transparent var(--circle-diameter),#000 var(--circle-diameter));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:0 0;mask-position:0 0}.ball-container{display:grid;place-items:center;position:absolute;inset:0;transform:translateZ(-60vmin);animation:ball-container var(--animation-duration) linear infinite}.ball{width:42vmin;aspect-ratio:1;border-radius:50%;filter:var(--glow);background:radial-gradient(21.5vmin 21.5vmin at center,#000 20vmin,transparent 20vmin),conic-gradient(var(--c1),var(--c3),var(--c2),var(--c4),var(--c3),var(--c1),var(--c2),var(--c1));box-shadow:0 0 10vmin hsla(0,0%,100%,.08);transform:rotateX(45deg) rotateY(45deg) translateY(-20vmin)}.homeWrapper{width:100vw;height:100vh;justify-content:center;background:var(--color-background);color:var(--color-on-background)}.aboutWrapper,.homeWrapper{display:flex;align-items:center}.aboutWrapper{justify-content:space-around;height:100%}.aboutWrapperDark{background:linear-gradient(120deg,#7e7f80 50%,#292b2c 0)}.aboutWrapperLight{background:linear-gradient(120deg,#fff 50%,#7e7f80 0)}.boxWrapper{width:50vw}@media screen and (max-width:600px){.aboutWrapper{flex-direction:column;height:100%}.boxWrapper{width:100vw}}@import"https://fonts.googleapis.com/css2?family=Karla:wght@200;400&display=swap";.contactWrapperDark{margin:auto;background:linear-gradient(120deg,#7e7f80 50%,#292b2c 0);min-height:100vh}.contactWrapperLight{margin:auto;background:linear-gradient(120deg,#fff 50%,#7e7f80 0);min-height:100vh}:root{font-size:13px}@media screen and (min-width:1000px){:root{font-size:14px}}@media screen and (min-width:1240px){:root{font-size:16px}}@media screen and (min-width:1480px){:root{font-size:17px}}.main{display:flex;justify-content:space-around;align-items:center;height:100vh}.main .header{color:#292b2c}.main .header,.main .legendHeader{text-transform:uppercase;letter-spacing:3px;font-size:1.25rem;margin:.5em 0;text-align:center}.main .bio{display:flex;flex-direction:column;align-items:center;justify-content:center}.main .bio .profile-img{width:500px;height:500px;border-radius:50%}.main .bio .bioLink{text-transform:uppercase;letter-spacing:3px;font-size:1rem;display:flex;justify-content:center;align-items:center;text-decoration:none;color:#292b2c;margin-bottom:.25em;transition:color .3s ease-in-out}.main .bio .bioLink i{margin-left:8px}.main .bio .bioLink:after{display:block;content:"";height:1px;width:0;background:#195190;transition:width .3s ease-in-out}.main .bio .bioLink:hover:after{width:100%}.main .bio .bioLink:hover{color:#195190}.main .bio .bioLinkDark{color:#eee}.main .bio .bioLinkName{margin:.5em 1em}.main .headerDark{color:#eee}.main .contact{color:#195190}.main .contact form fieldset{font-size:1rem;position:relative;border:none;margin-bottom:.25em;padding:.25em 0}.main .contact form fieldset label{font-size:.875rem;display:block;position:absolute;right:.125em;top:.75em;color:#195190}.main .contact form .button,.main .contact form input,.main .contact form textarea{border:0}.main .contact form .button:focus,.main .contact form input:focus,.main .contact form textarea:focus{outline:none}.main .contact form input,.main .contact form textarea{display:block;font-family:Karla;font-size:1rem;padding:.5em 0;width:280px;background:none;color:#eee;border-bottom:1px solid #eee;transition:border .3s ease-in-out}.main .contact form input:focus,.main .contact form textarea:focus{border-bottom:1px solid #195190}.main .contact form input::placeholder,.main .contact form textarea::placeholder{color:#eee}.main .contact form input:hover,.main .contact form textarea:hover{border-bottom:1px solid #195190}.main .contact .button{text-transform:uppercase;letter-spacing:3px;font-size:1rem;display:block;background:#195190;color:#eee;padding:1em 2em;box-shadow:0 0 40px 0 hsla(0,0%,8%,.6)}.main .contact .button:hover{animation:swell .5s ease-in-out;cursor:pointer}.main .contact textarea{resize:none}.mainDark,.subHeader{color:#292b2c}.subHeader{margin-bottom:1em;font-weight:900}.subHeaderDark{color:#eee}.main{overflow:hidden;animation:Page .6s ease-in-out forwards}.bio{animation:Bio .6s ease-in-out forwards}.contact{animation:Contact .6s ease-in-out forwards;transform:scale(2)!important}.formInput{border-bottom:1px solid #292b2c!important}.formInputDark{border-bottom:1px solid #eee!important}.formInput::placeholder{color:#292b2c!important}.formInputDark::placeholder{color:#eee!important}@keyframes Page{0%{opacity:0}to{opacity:1}}@keyframes Bio{0%{transform:translateX(-50vw)}to{transform:translateX(0)}}@keyframes Contact{0%{transform:translateX(50vw)}to{transform:translateX(0)}}@keyframes swell{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.wrap{height:100%;display:flex;align-items:center;justify-content:center}.button{min-width:250px;min-height:60px;font-size:22px;text-transform:uppercase;letter-spacing:1.3px;font-weight:700;color:#313133;background:#4fd1c5;background:linear-gradient(90deg,#81e6d9,#4fd1c5);border:none;box-shadow:12px 12px 24px rgba(79,209,197,.64);cursor:pointer;outline:none;position:relative;padding:10px;transform:scale(.75)!important}.button,.button:before{border-radius:1000px;transition:all .3s ease-in-out 0s}.button:before{content:"";min-width:312px;min-height:72px;border:6px solid #00ffcb;box-shadow:0 0 60px rgba(0,255,203,.64);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.button:focus,.button:hover{color:#313133;transform:translateY(-6px)}.button:focus:before,.button:hover:before{opacity:1}.button:after{content:"";width:30px;height:30px;border-radius:100%;border:6px solid #00ffcb;position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);animation:ring 1.5s infinite}.button:focus:after,.button:hover:after{animation:none;display:none}@keyframes ring{0%{width:30px;height:30px;opacity:1}to{width:175px;height:175px;opacity:0}}.bounce-in-top{animation:bounce-in-top 1.1s both}@keyframes bounce-in-top{0%{transform:translateY(-500px);animation-timing-function:ease-in;opacity:0}38%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}55%{transform:translateY(-65px);animation-timing-function:ease-in}72%{transform:translateY(0);animation-timing-function:ease-out}81%{transform:translateY(-28px);animation-timing-function:ease-in}90%{transform:translateY(0);animation-timing-function:ease-out}95%{transform:translateY(-8px);animation-timing-function:ease-in}to{transform:translateY(0);animation-timing-function:ease-out}}@media only screen and (max-width:600px){.main{flex-direction:column}.bio{text-align:center}.bioLink{width:100%;margin:auto!important}.profile-img{width:200px!important;height:200px!important}.contact{transform:scale(1)!important}.input{display:flex}.input,.inputDark{color:#292b2c}}.navbar{display:flex;justify-content:space-between;align-items:center;background:#7e7f80!important;height:10vh;font-family:Space Mono,monospace}.navbarDark{background:#292b2c!important}.navbarMenuIcon{width:35px;height:35px;fill:#292b2c}.navbarMenuIconDark{fill:#fff}.toolBar{display:flex;justify-content:space-between;width:100%}.navLink{font-size:2em;list-style:none;transition:.5s;cursor:pointer;margin:0 32px;color:#292b2c;text-decoration:none;font-weight:100}.navLinkDark{color:#fff}.navLink span{transition:all .5s}.navLink span:nth-child(2){transition-delay:.1s}.navLink span:nth-child(3){transition-delay:.2s}.navLink span:nth-child(4){transition-delay:.3s}.navLink span:nth-child(5){transition-delay:.4s}.navLink span:nth-child(6){transition-delay:.5s}.navLink span:nth-child(7){transition-delay:.6s}.navLink span:nth-child(8){transition-delay:.7s}.navLink:hover{text-shadow:1px 1px 0 #195190,2px 2px 0 #195190,3px 3px 0 #195190;font-weight:700}.navLinkDark:hover{text-shadow:1px 1px 0 #195190,2px 2px 0 #195190,3px 3px 0 #91c9ff}.navLink span:hover:nth-child(8){transition-delay:.7s}.navLink span:hover:nth-child(7){transition-delay:.6s}.navLink span:hover:nth-child(6){transition-delay:.5s}.navLink span:hover:nth-child(5){transition-delay:.4s}.navLink span:hover:nth-child(4){transition-delay:.3s}.navLink span:hover:nth-child(3){transition-delay:.2s}.navLink span:hover:nth-child(2){transition-delay:.1s}.navLink span:hover:first-child{transition-delay:0s}.lightbulb{background:url(https://lh4.googleusercontent.com/-katLGTSCm2Q/UJC0_N7XCrI/AAAAAAAABq0/6GxNfNW-Ra4/s300/lightbulb.png) no-repeat -150px 0;cursor:pointer;z-index:10;display:flex;justify-content:flex-end;transform:scale(.5)}.lightBulb2,.lightbulb{width:150px;height:150px}.lightBulb2{background:url(https://lh4.googleusercontent.com/-katLGTSCm2Q/UJC0_N7XCrI/AAAAAAAABq0/6GxNfNW-Ra4/s300/lightbulb.png) no-repeat 0 0}.iconButton{justify-content:center;text-align:center;margin:auto 0;transform:translateY(.5em)}.iconButton,.profileContainer{display:flex;align-items:center}.profileContainer{margin:0;height:100%}.profileWrapper{height:100vh;max-height:600px;min-height:600px;display:flex;justify-content:space-around;align-items:center;margin:0 auto}.profilePanel{height:270px;width:190px;position:relative}.profilePanel:hover .profileCard{filter:blur(1.5px)}.profilePanel:hover .profileTitle{color:hsla(0,0%,100%,.2)}.profilePanel:hover .profileBorder{border:1px solid #fff}.profilePanel:hover .profileSlide{bottom:0}.profilePanel:hover .profileRing:after,.profilePanel:hover .profileRing:before{transform:translateX(-50%) translateY(-50%) rotate(310deg)}.profileBorder,.profileCard,.profileLink,.profileRing,.profileSlide{display:flex;justify-content:center;align-items:center}.profileLink{text-align:center;display:block;height:50px;width:50px;color:#fff;fill:#fff;background:#195190;border-radius:50%;line-height:60px;font-size:20px;z-index:1;transition:transform .3s ease-out,opacity .3s ease-out}.profileLink:hover{background:#91c9ff}.linkedIn{transition:.5s;background:#0077b5}.linkedIn:hover{background:#fff;color:#0077b5}.github{transition:.5s;background:#211f1f}.github:hover{background:#fff;color:#211f1f}.gmail{transition:.5s;background:#bb001b}.gmail:hover{background:#fff;color:#bb001b}.profileRing{color:#fffbf1;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);font-size:120px}.profileCard{background:#f0ead6;position:relative;transition:all 1s;height:60vh;width:30vw;border:1px solid #91c9ff;background-image:url(/_next/static/media/profilePic.b3d0d7bd.jpg);background-position:top;background-repeat:no-repeat}.profileCardDark{border:1px solid #195190}.profileRing:after,.profileRing:before{content:"";padding:.6em .4em;position:absolute;left:50%;width:145%;top:50%;display:block;border:5px solid #50c9c3;border-radius:50%;transition:transform 1s;transform:translateX(-50%) translateY(-50%) rotate(50deg)}.profileRing:before{border-color:#a2a2a1 #a2a2a1 transparent transparent;z-index:-1}.profileRing:after{border-color:transparent transparent #a2a2a1 #a2a2a1}.profileRingDark:before{border-color:#195190 #195190 transparent transparent;z-index:-1}.profileRingDark:after{border-color:transparent transparent #195190 #195190}.profileTitle{font-size:36px;font-weight:700;transition:all 1s;top:0;text-align:center;position:absolute}.profilePara{bottom:0;font-size:16px;padding:20px;margin:0;text-align:center}.profileBorder{border:1px solid #91c9ff}.profileBorder,.profileBorderDark{position:absolute;height:90%;width:90%;transition:border 1s;overflow:hidden}.profileBorderDark{border:1px solid #195190}.profileSlide{height:100%;width:100%;position:absolute;border:1px solid #000;bottom:-100%;background:rgba(0,0,0,.5);transition:bottom 1s;flex-direction:column}.profileLinksWrapper{display:flex;justify-content:space-between;width:50%}.fa-plane{font-size:16px}.infoHeader{font-size:27px;margin:3px 0}.infoSubheader{color:#1a1a1a}.infoLocation{margin-left:24px}@media screen and (max-width:600px){.profileCard{height:50vh;width:70vw}.profileLinksWrapper{width:70%}.profileRing{font-size:170px}}.projectsWrapperDark{min-height:100vh;background:linear-gradient(120deg,#7e7f80 50%,#292b2c 0)}.projectsWrapperLight{min-height:100vh;background:linear-gradient(120deg,#fff 50%,#7e7f80 0)}.card{background-color:#000;box-shadow:0 0 5px rgba(0,0,0,.15);color:#fff;font-size:16px;line-height:1.6em;margin:auto;width:300px!important;height:300px!important;overflow:hidden;position:relative;text-align:left;width:100%}.card *{box-sizing:border-box;transition:all .5s ease}.projectImage{height:80%;width:100%;object-fit:cover;position:relative;opacity:1}.projectTitle{text-align:center;width:100%;padding:25px 20px;position:absolute;bottom:0;z-index:1;display:flex;justify-content:center;align-items:center}.card h3,.card p{margin:0;padding:0}.card h3{font-weight:800;letter-spacing:-.4px}.card .hover{align-items:center;background-color:rgba(25,81,144,.75);display:flex;font-size:1.5em;justify-content:center;opacity:0}.card .hover,.card a{position:absolute;top:0;bottom:0;left:0;right:0}.card a{z-index:1}.card.hover .hover,.card:hover .hover{transition-delay:.1s;opacity:1}.card.hover figcaption,.card:hover figcaption{opacity:0}.filterButtons{display:flex;justify-content:space-around;width:100vw;margin-top:30px;margin-bottom:15px;text-transform:capitalize}.buttonDefault:active{background-color:#195190;color:#fff;padding:2em}.filterButton{transition:.5s;cursor:pointer}.filterButton:active{background-color:#195190;color:#fff;padding:2em}.filterButtonDark{font-size:18px;border:1px solid #fff;border-radius:5px;text-align:center;color:#fff;margin-right:.5em;padding:1em;background:transparent;width:180px;height:60px}.filterButtonDark:hover{border:1px solid #195190;background:#195190}.filterButtonLight{font-size:18px;border:1px solid #195190;border-radius:5px;text-align:center;color:#195190;margin-right:.5em;padding:1em;background:transparent;width:180px;height:60px}.filterButtonLight:hover{border:1px solid #195190;background:#195190;color:#fff}.portfolioCardWrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.filterButtonWrapper{margin:0}.projectCardWrapper{animation:rotateIn .6s cubic-bezier(.25,.46,.45,.94) both;margin:16px}@keyframes rotateIn{0%{transform:rotate(-1turn);opacity:0}to{transform:rotate(0);opacity:1}}@media screen and (max-width:600px){.filterButtons{display:block;text-align:center}.filterButton{margin-bottom:8px}.projectsWrapperDark{background:linear-gradient(90deg,#7e7f80 50%,#292b2c 0)}.projectsWrapperLight{background:linear-gradient(90deg,#fff 50%,#7e7f80 0)}}.drawerPaper{background:#7e7f80!important;width:30%;margin:0 auto;font-family:Space Mono,monospace}.drawerPaperDark{background:#292b2c!important}.icon{margin:16px;padding:0}.menuBar{text-align:center}.menuLink{text-decoration:none;font-weight:900;transition:1s}.menuLink:hover{text-shadow:1px 1px 0 #195190,2px 2px 0 #195190,3px 3px 0 #195190}.menuItem{color:#292b2c;padding:24px 0}.menuItemDark{color:#fff}.divider{color:#292b2c!important;background:#292b2c!important}.dividerDark{color:#fff!important;background:#fff!important}.sideBarLightbulbWrapper{display:flex;justify-content:center}.sideBarLightbulb{width:150px;height:150px;background:url(https://lh4.googleusercontent.com/-katLGTSCm2Q/UJC0_N7XCrI/AAAAAAAABq0/6GxNfNW-Ra4/s300/lightbulb.png) no-repeat -150px 0;cursor:pointer;transform:scale(.75)}.sideBarLightBulb2{width:150px;height:150px;background:url(https://lh4.googleusercontent.com/-katLGTSCm2Q/UJC0_N7XCrI/AAAAAAAABq0/6GxNfNW-Ra4/s300/lightbulb.png) no-repeat 0 0}.tracking-in-expand{animation:tracking-in-expand .7s cubic-bezier(.215,.61,.355,1) both}.skills{height:90vh;margin:auto}.lines,.skills{position:relative}.lines{height:100%;list-style:none}.lineLight{height:inherit;width:2px;position:absolute;background:rgba(41,43,44,.6)}.lineLight.l--0{left:0}.lineLight.l--25{left:25%}.lineLight.l--50{left:50%}.lineLight.l--75{left:75%}.lineLight.l--100{left:calc(100% - 1px)}.lineDark{height:inherit;width:2px;position:absolute;background:hsla(0,0%,93%,.6)}.lineDark.l--0{left:0}.lineDark.l--25{left:25%}.lineDark.l--50{left:50%}.lineDark.l--75{left:75%}.lineDark.l--100{left:calc(100% - 1px)}.line__labelDark{color:#fff;display:block;width:100px;text-align:center;font-weight:700;position:absolute;bottom:-20px;right:-50px}.line__labelDark.profileTitle{text-transform:uppercase;font-weight:700}.line__label{color:#000;display:block;width:100px;text-align:center;font-weight:700;position:absolute;bottom:-20px;right:-50px}.line__label.profileTitle{text-transform:uppercase;font-weight:700}.charts{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}.chart:not(:first-child){margin-top:10px}.chart__titleDark{text-transform:capitalize;display:block;margin:0 0 10px 10px;color:#fff;font-weight:700;opacity:0;animation:anim-lightspeed-in 1s ease forwards}.chart--prod .chart__titleDark{animation-delay:3.3s}.chart--design .chart__titleDark{animation-delay:4.5s}.chart__title{text-transform:capitalize;color:#000;display:block;margin:0 0 10px 10px;font-weight:700;opacity:0;animation:anim-lightspeed-in 1s ease forwards}.chart--prod .chart__title{animation-delay:3.3s}.chart--design .chart__title{animation-delay:4.5s}.chart--horiz{overflow:hidden}.chart__barDark{height:30px;margin-bottom:10px;background:linear-gradient(270deg,#a2a2a1,#195190);border-top-right-radius:4px;border-bottom-right-radius:4px;opacity:0;animation:anim-lightspeed-in 1s ease forwards}.chart--dev .chart__barDark:nth-of-type(11){animation-delay:2.7s}.chart--dev .chart__barDark:nth-of-type(10){animation-delay:2.5s}.chart--dev .chart__barDark:nth-of-type(9){animation-delay:2.3s}.chart--dev .chart__barDark:nth-of-type(8){animation-delay:2.1s}.chart--dev .chart__barDark:nth-of-type(7){animation-delay:1.9s}.chart--dev .chart__barDark:nth-of-type(6){animation-delay:1.7s}.chart--dev .chart__barDark:nth-of-type(5){animation-delay:1.5s}.chart--dev .chart__barDark:nth-of-type(4){animation-delay:1.3s}.chart--dev .chart__barDark:nth-of-type(3){animation-delay:1.1s}.chart--dev .chart__barDark:nth-of-type(2){animation-delay:.9s}.chart--dev .chart__barDark:first-of-type{animation-delay:.7s}.chart--prod .chart__barDark:nth-of-type(2){animation-delay:4.2s}.chart--prod .chart__barDark:first-of-type{animation-delay:4s}.chart--design .chart__barDark:nth-of-type(4){animation-delay:5.8s}.chart--design .chart__barDark:nth-of-type(3){animation-delay:5.6s}.chart--design .chart__barDark:nth-of-type(2){animation-delay:5.4s}.chart--design .chart__barDark:first-of-type{animation-delay:5.2s}.chart__bar{height:30px;margin-bottom:10px;background:linear-gradient(270deg,#195190,#a2a2a1);border-top-right-radius:4px;border-bottom-right-radius:4px;opacity:0;animation:anim-lightspeed-in 1s ease forwards}.chart--dev .chart__bar:nth-of-type(11){animation-delay:2.7s}.chart--dev .chart__bar:nth-of-type(10){animation-delay:2.5s}.chart--dev .chart__bar:nth-of-type(9){animation-delay:2.3s}.chart--dev .chart__bar:nth-of-type(8){animation-delay:2.1s}.chart--dev .chart__bar:nth-of-type(7){animation-delay:1.9s}.chart--dev .chart__bar:nth-of-type(6){animation-delay:1.7s}.chart--dev .chart__bar:nth-of-type(5){animation-delay:1.5s}.chart--dev .chart__bar:nth-of-type(4){animation-delay:1.3s}.chart--dev .chart__bar:nth-of-type(3){animation-delay:1.1s}.chart--dev .chart__bar:nth-of-type(2){animation-delay:.9s}.chart--dev .chart__bar:first-of-type{animation-delay:.7s}.chart--prod .chart__bar:nth-of-type(2){animation-delay:4.2s}.chart--prod .chart__bar:first-of-type{animation-delay:4s}.chart--design .chart__bar:nth-of-type(4){animation-delay:5.8s}.chart--design .chart__bar:nth-of-type(3){animation-delay:5.6s}.chart--design .chart__bar:nth-of-type(2){animation-delay:5.4s}.chart--design .chart__bar:first-of-type{animation-delay:5.2s}.chart__label{padding-left:10px;line-height:30px;color:#000}.chart__labelDark{color:#fff}.skills{transform:scale(.75)}@keyframes anim-lightspeed-in{0%{transform:translateX(-200%);opacity:1}to{transform:translateX(0);opacity:1}}@media screen and (max-width:600px){.skills{height:100vh}.charts,.lines{font-size:1.5em}}