@import"https://use.typekit.net/jmk3xov.css";:root{--dark-bg: rgba(15, 15, 15, .95);--spacing: 350px;font-family:brandon-grotesque,sans-serif;font-weight:400;font-style:normal}main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}h1,h2,h3,blockquote{font-family:elevon,sans-serif;font-weight:700;font-style:normal}canvas{position:fixed;top:0;left:0}header{background:var(--dark-bg);grid-column:2 / span 5;font-size:2.5rem;padding:2rem;margin-bottom:var(--spacing)}section{grid-column:2 / 8;padding:1rem;background:var(--dark-bg);font-size:1.25rem;line-height:1.5;margin-bottom:var(--spacing)}blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing)}blockquote p{color:#000;background-color:#fff;font-size:4rem;display:inline;line-height:1}.left{grid-column:6 / 12}.flex-center{width:100%;min-height:50vh;background:rgb(184,155,155);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.icon-3d{padding:10px;-webkit-animation:icon3d .2s 10;animation:icon3d .2s 10;color:#fff}.icon-3d:hover{-webkit-animation:icon3d .2s infinite;animation:icon3d .2s infinite}@keyframes icon3d{0%{text-shadow:5px 4px rgba(244,67,54,1),-5px -6px rgba(33,150,243,1)}25%{text-shadow:-5px -6px rgba(244,67,54,1),5px 4px rgba(33,150,243,1)}50%{text-shadow:5px -4px rgba(244,67,54,1),-8px 4px rgba(33,150,243,1)}75%{text-shadow:-8px -4px rgba(244,67,54,1),-5px -4px rgba(33,150,243,1)}to{text-shadow:-5px 0 rgba(244,67,54,1),5px -4px rgba(33,150,243,1)}}.skill-bars{padding:25px 30px;width:600px;box-shadow:5px 5px 20px #0003;border-radius:10px}.skill-bars .bar{margin:20px 0}.skill-bars .bar:first-child{margin-top:0}.skill-bars .bar .info{margin-bottom:5px}.skill-bars .bar .info span{font-weight:500;font-size:17px;opacity:0;animation:showText .5s 1s linear forwards}@keyframes showText{to{opacity:1}}.skill-bars .bar .progress-line{height:10px;width:100%;background:#f0f0f0;position:relative;transform:scaleX(0);transform-origin:left;border-radius:10px;box-shadow:inset 0 1px 1px #0000000d,0 1px #fffc;animation:animate 1s cubic-bezier(1,0,.5,1) forwards}@keyframes animate{to{transform:scaleX(1)}}.bar .progress-line span{height:100%;position:absolute;border-radius:10px;transform:scaleX(0);transform-origin:left;background:#6665ee;animation:animate 1s 1s cubic-bezier(1,0,.5,1) forwards}.bar .progress-line.html span{width:70%}.bar .progress-line.javascript span{width:60%}.bar .progress-line.mysql span{width:75%}.bar .progress-line.python span{width:60%}.bar .progress-line.solidity span{width:30%}.progress-line span:before{position:absolute;content:"";top:-10px;right:0;height:0;width:0;border:7px solid transparent;border-bottom-width:0px;border-right-width:0px;border-top-color:#000;opacity:0;animation:showText2 .5s 1.5s linear forwards}.progress-line span:after{position:absolute;top:-28px;right:0;font-weight:500;background:#000;color:#fff;padding:1px 8px;font-size:12px;border-radius:3px;opacity:0;animation:showText2 .5s 1.5s linear forwards}@keyframes showText2{to{opacity:1}}.progress-line.html span:after{content:"70%"}.progress-line.javascript span:after{content:"60%"}.progress-line.mysql span:after{content:"75%"}.progress-line.python span:after{content:"60%"}.progress-line.solidity span:after{content:"30%"}