#__next,body,html{min-height:100vh;padding:0;margin:0;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.loading-wrapper{min-height:100vh;height:100%;width:100%}.loading-card,.loading-wrapper{display:flex;justify-content:center;align-items:center}.loading-card{padding:24px;border-radius:5px;min-height:300px;min-width:400px}.loading-loader{border-radius:50%;position:relative;margin:50px;display:inline-block;height:0;width:0}.loading-loader span{position:absolute;display:block;background-color:var(--chakra-colors-brand-500);height:20px;width:20px;border-radius:50%;top:-20px;perspective:100000px}.loading-loader span:first-child{left:60px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:0s}.loading-loader span:nth-child(2){left:20px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.2s}.loading-loader span:nth-child(3){left:-20px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.4s}.loading-loader span:nth-child(4){left:-60px;animation:bounce2 1s cubic-bezier(.04,.35,0,1) infinite;animation-delay:.6s}@keyframes bounce2{0%,75%,to{transform:translateY(0)}25%{transform:translateY(-30px)}}.container{display:grid;grid-template-columns:repeat(5,1fr)}.bar,.empty-bar{animation-name:fill;animation-timing-function:linear;animation-fill-mode:forwards;height:10px;margin:0 auto 0 0;width:0}.bar{background-color:var(--chakra-colors-brand-500)}.empty-bar{border:1px solid transparent;animation-name:border}.bar-1{animation-timing-function:ease-in}.bar-1,.bar-2{animation-duration:.25s}.bar-2{animation-delay:.15s}.bar-3{animation-delay:calc(.15s + .2s);animation-duration:.25s}.bar-4{animation-delay:calc(.15s + .25s + .2s);animation-duration:.2s}.bar-5{animation-timing-function:ease-out;animation-delay:calc(.15s + .25s + .2s + .2s);animation-duration:.15s}@keyframes fill{0%{width:0}to{width:90%}}@keyframes border{0%{border:1px solid transparent;width:0}to{border:1px solid var(--chakra-colors-brand-500);width:90%}}@keyframes UpDown{0%{transform:translateY(0)}to{transform:translateY(30px)}}@keyframes UpDownWide{0%{transform:translateY(0)}to{transform:translateY(200px)}}.UpDownAnimation>svg{animation-name:UpDown;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}.UpDownSlowAnimation>svg{animation-name:UpDown;animation-duration:11s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}.UpDownWideAnimation>svg{animation-name:UpDownWide;animation-duration:10s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes movingGradient{0%{background-position:0 50%}25%{background-position:50% 75%}50%{background-position:100% 50%}75%{background-position:50% 75%}to{background-position:0 50%}}.moving-grad{background-size:300%;animation:movingGradient;animation-duration:10s;animation-iteration-count:infinite}.blurred-background-global{filter:blur(10px) saturate(180%);-webkit-filter:blur(10px) saturate(180%);-moz-filter:blur(10px) saturate(180%);-o-filter:blur(10px) saturate(180%);-ms-filter:blur(10px) saturate(180%)}.remark-code-title+pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.blog-content>:first-child{margin-top:1.25em!important;margin-bottom:1.25em!important}@keyframes animatedUnderline{0%{stroke-dashoffset:850}to{stroke-dashoffset:0}}.animated-underline{stroke-dasharray:850;stroke-dashoffset:850;animation:animatedUnderline 1.4s cubic-bezier(.51,0,.71,.98) forwards}.hover-link-light:hover{color:var(--chakra-colors-green-500)}.hover-link-dark:hover{color:var(--chakra-colors-green-300)}@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap");*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:Montserrat,sans-serif}body{background:#585c68;font-size:14px;line-height:22px;color:#555}.bold{font-weight:700;font-size:20px;text-transform:uppercase}.semi-bold{font-weight:700;font-size:18px}.resume{height:auto;display:flex;margin:50px auto}.resume .title{margin-bottom:20px}.resume .resume_item{padding:25px 0;border-bottom:2px solid #b1eaff}.resume .icon i,.resume .resume_right .resume_hobby ul li i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resume .resume_right{background:#fff;padding:25px}.resume .resume_right .bold{color:#0bb5f4}.resume .resume_right .resume_education ul,.resume .resume_right .resume_work ul{padding-left:40px;overflow:hidden}.resume .resume_right ul li{position:relative}.resume .resume_right ul li .date{font-size:16px;font-weight:500;margin-bottom:15px}.resume .resume_right ul li .info{margin-bottom:20px}.resume .resume_right ul li:last-child .info{margin-bottom:0}.resume .resume_right .resume_education ul li:before,.resume .resume_right .resume_work ul li:before{content:"";position:absolute;top:5px;left:-25px;width:12px;height:12px;border-radius:50%;border:2px solid #0bb5f4;background-color:#fff}.resume .resume_right .resume_education>ul>li:after,.resume .resume_right .resume_work>ul>li:after{content:"";position:absolute;top:16px;left:-20px;width:2px;height:5015px;background:#0bb5f4}.resume .resume_right .resume_hobby ul{display:block;justify-content:space-between}.resume .resume_right .resume_hobby ul li{position:relative;color:#0bb5f4}.resume .resume_right .resume_hobby ul li i{font-size:30px}.resume .resume_right .resume_hobby ul li:before{content:"";position:absolute;background:#0bb5f4}.resume .resume_right .resume_hobby ul li:last-child:before{display:none}