@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap";
.cv{border:1px solid #000;box-shadow:inset 0 1px #fff,0 1px 3px #22191966;z-index:11!important}.avatar{filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#454545",GradientType=0);text-align:center;background:linear-gradient(#e2e8f0 0% 50%,#454545 50% 100%);height:300px;z-index:10!important}.avatar img{background:#fff;border-radius:50%;max-width:250px;padding:5px}.gray{background:#454545}.bio{color:#fff;background:#454545}.bio2{background:#454545}.bio hr{background-image:linear-gradient(90deg,#0000,#ffffffbf,#0000);border:0;height:1px}.about h3,.contact h3{box-sizing:border-box;color:#fff;background-color:#4886a5;width:100%;margin:0 0 24px 26px;padding:4px 0 4px 12px;font-size:1.4em;box-shadow:0 1px 4px #0000004d}.about h3:after,.contact h3:after{content:"";border:6px solid #0000;border-color:#263746 #0000 #0000 #263746;position:absolute;bottom:-12px;right:0}.about h3:before,.contact h3:before{color:#fff;content:"";font:26px sans-serif;position:absolute;top:-2px;right:12px}.contact{font-size:1.2em}.circle{border:2px solid #fff;border-radius:50%;padding:10px}.experience .glyphicon,.education .glyphicon,.work-skills .glyphicon,.personal-skills .glyphicon{font-size:1.5em}.experience hr,.education hr,.work-skills hr,.personal-skills hr{border-top:1px dashed #000}.experience .date,.education .date,.work-skills .date,.personal-skills .date{font-size:1em}.experience .title,.education .title,.work-skills .title,.personal-skills .title{color:#4886a5;font-weight:700}.skills dt{color:#3d3d3d;margin:0;padding:1rem 0;font-family:VT323;font-size:24px}.skills dt:first-child{padding-top:0}.skills dt:after{content:"";background-color:#3d3d3d;width:100%;height:.5rem;display:block}.skills dd{text-indent:-1000px;background-color:#4886a5;width:100%;height:.5rem;margin:-1.5rem 0 0;position:relative;right:0;overflow:hidden}@media (max-width:768px){.mobile-no-pad{padding-left:0!important;padding-right:0!important}body{padding:0}.about h3,.contact h3{margin:0 0 10px;padding:4px 0 4px 12px}.about h3:after,.contact h3:after{display:none}.about h3:before,.contact h3:before{top:-2px;right:0}}::selection{color:#fff;background:#6665ee}.skill-bars{width:"full";background:#454545;border-radius:10px;padding:25px 30px;box-shadow:5px 5px 20px #0003}.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{opacity:0;font-size:17px;font-weight:500;animation:3s linear 1.5s forwards showText}@keyframes showText{to{opacity:1}}.skill-bars .bar .progress-line{transform-origin:0;background:#f0f0f0;border-radius:10px;width:100%;height:10px;animation:4s cubic-bezier(1,0,.5,1) forwards animate;position:relative;transform:scaleX(0);box-shadow:inset 0 1px 1px #0000000d,0 1px #fffc}@keyframes animate{to{transform:scaleX(1)}}.bar .progress-line span{transform-origin:0;background:#6665ee;border-radius:10px;height:100%;animation:1s cubic-bezier(1,0,.5,1) 1s forwards animate;position:absolute;transform:scaleX(0)}.bar .progress-line.html span{width:98%}.bar .progress-line.css span{width:88%}.bar .progress-line.react span{width:91%}.bar .progress-line.nodejs span{width:88%}.bar .progress-line.mongodb span{width:87%}.bar .progress-line.nextjs span{width:97%}.bar .progress-line.solidity span{width:90%}.progress-line span:before{content:"";opacity:0;border:0 solid #0000;border-top:7px solid #000;border-left-width:7px;width:0;height:0;animation:1.5s linear 2.5s forwards showText2;position:absolute;top:-10px;right:0}.progress-line span:after{color:#fff;opacity:0;background:#6665ee;border-radius:3px;padding:1px 8px;font-size:12px;font-weight:500;animation:1.5s linear 2.5s forwards showText2;position:absolute;top:-28px;right:0}@keyframes showText2{to{opacity:1}}.progress-line.html span:after{content:"98%"}.progress-line.css span:after{content:"88%"}.progress-line.react span:after{content:"91%"}.progress-line.nodejs span:after{content:"88%"}.progress-line.mongodb span:after{content:"87%"}.progress-line.nextjs span:after{content:"97%"}.progress-line.solidity span:after{content:"90%"}
:root{--c1:#2187e7;--b2:#222;--b3:#333;--w1:#fff;--w2:#eee;--t1:all .5s ease 0s}.content{background:#fff0;width:80vw;height:80vh}.profile-skills{align-items:flex-start;width:100%;display:flex;position:relative;top:150px}.profile-skills>div{border-radius:2px;width:32%;margin-right:3%;position:relative}ul.skills{background:linear-gradient(0deg,var(--c1)0 10px,var(--b2)0 calc(100% - 10px),var(--c1)0 100%);width:100%;padding:25px 35px;position:relative}ul.skills2{--c1:#9acd32}ul.skills3{--c1:#ff4500}ul.skills:before{content:"Skills";text-transform:uppercase;height:50px;color:var(--w1);background-color:var(--b2);text-align:end;z-index:1;width:100%;transition:var(--t1);padding:15px 15px 0 0;font-size:50px;font-weight:600;line-height:35px;position:absolute;top:-75px;left:0;transform:scaleY(1.65)}ul.skills2:before{content:"Tools"}ul.skills3:before{content:"Codes"}ul.skills:after{content:"";border:40px solid #fff0;border-top-color:var(--b2);z-index:0;transition:var(--t1);filter:drop-shadow(0 11px .1px var(--w1));position:absolute;top:-30px;left:10px}ul.skills:hover:before,label:hover+ul.skills:before,input:checked+label+ul.skills:before{transition:var(--t1);background-color:#2187e7;background-position:0}ul.skills:hover:after,label:hover+ul.skills:after,input:checked+label+ul.skills:after{transition:var(--t1);border-top-color:#2187e7;top:-20px}ul.skills2:hover:before,label:hover+ul.skills2:before,input:checked+label+ul.skills2:before{background-color:#9acd32}ul.skills2:hover:after,label:hover+ul.skills2:after,input:checked+label+ul.skills2:after{border-top-color:#9acd32}ul.skills3:hover:before,label:hover+ul.skills3:before,input:checked+label+ul.skills3:before{background-color:#ff4500}ul.skills3:hover:after,label:hover+ul.skills3:after,input:checked+label+ul.skills3:after{border-top-color:#ff4500}ul.skills li{--per:50;--dur:calc(calc(var(--per)/100)*1.5s);text-transform:uppercase;color:var(--w2);margin:0 0 5px;padding:20px 0;font-size:15px;list-style:none;position:relative}ul.skills li:before{content:"";--track:#2292dd40;background:#1c1c1c;background:linear-gradient(90deg,var(--track)calc(calc(var(--per)*1%) + 4px),#1c1c1c calc(calc(var(--per)*1%) + 4px));border:1px solid #323232;border-color:#111 #323232 #323232 #111;border-radius:2px;width:100%;height:16px;position:absolute;bottom:0;left:0}ul.skills2 li:before{--track:#9acd3240}ul.skills3 li:before{--track:#ff450040}ul.skills li:after{content:"";width:0%;height:11px;transition:all var(--dur)ease 0s;background:#2187e7;margin:0 0 2px;animation:1s 2 alternate start;position:absolute;bottom:0;left:3px;box-shadow:0 0 10px 1px #00c6ff66}ul.skills2 li:after{background:#9acd32;box-shadow:0 0 10px 1px #9acd3299}ul.skills3 li:after{background:#ff4500;box-shadow:0 0 10px 1px #ff450099}ul.skills li:hover{filter:brightness(1.5);transition:var(--t1)}ul.skills:hover li:after,label:hover+ul.skills li:after,input:checked+label+ul.skills li:after{width:calc(calc(var(--per)*1%) - 2px)}@keyframes start{to{width:calc(calc(var(--per)*1%) - 2px)}}ul.skills2 li:after{animation-delay:.5s}ul.skills3 li:after{animation-delay:1s}ul.skills li span{font-weight:500}ul.skills li span:before{transition:var(--t1);content:"";opacity:1;border:7px solid #fff0;position:absolute;top:43px;right:-25px}ul.skills li:hover span:before,.profile-skills input:checked+label+ul.skills li span:before{transition:var(--t1);right:calc(calc(calc(100 - var(--per))*1%) - 12px);opacity:1;border-right-color:#2187e7}ul.skills2 li:hover span:before,.profile-skills input:checked+label+ul.skills2 li span:before{border-right-color:#9acd32}ul.skills3 li:hover span:before,.profile-skills input:checked+label+ul.skills3 li span:before{border-right-color:#ff4500}ul.skills li span:after{transition:var(--t1);counter-reset:percent var(--per);content:counter(percent);color:var(--b2);pointer-events:none;border-radius:1px;padding:4px 6px;font-weight:700;position:absolute;top:38px;right:-40px;opacity:1!important}ul.skills li:hover span:after,.profile-skills input:checked+label+ul.skills li span:after{transition:var(--t1);right:calc(calc(85 - var(--per))*1%);right:calc(calc(calc(100 - var(--per))*1%) - 40px);opacity:1;background:var(--c1)}ul.skills2 li:hover span:after{background:#9acd32}ul.skills3 li:hover span:after{background:#ff4500}ul.skills li.nextjs{--per:99}ul.skills li.html{--per:98}ul.skills li.typescript{--per:91}ul.skills li.java{--per:75}ul.skills li.javascript{--per:92}ul.skills li.python{--per:70}ul.skills li.nodejs{--per:94}ul.skills li.react{--per:97}ul.skills li.solidity{--per:98}ul.skills li.sk-gim{--per:90}ul.skills li.sk-ado{--per:60}ul.skills li.sk-not{--per:85}ul.skills li.sk-tri{--per:70}ul.skills li.sk-wor{--per:90}ul.skills li.sk-tre{--per:65}ul.skills li.sk-css{--per:95}ul.skills li.sk-htm{--per:90}ul.skills li.sk-jav{--per:70}ul.skills li.sk-php{--per:80}ul.skills li.sk-sql{--per:65}ul.skills li.sk-pug{--per:40}.profile-skills input{display:none}.profile-skills label{background:var(--w1);z-index:2;cursor:pointer;width:55px;height:55px;transition:var(--t1);box-shadow:0 0 0 0 var(--w1);border-radius:100%;position:absolute;top:-61px;left:22px}.profile-skills label:before{content:"";z-index:2;border:9px solid var(--b2);width:33px;height:22px;transition:var(--t1);background:#fff0;border-top-width:0;border-right-width:0;border-radius:2px;position:absolute;top:12px;left:11px;transform:rotate(-45deg)}.profile-skills label:hover{box-shadow:0 0 0 3px var(--w1);transition:var(--t1)}.profile-skills label:hover:before{border-color:var(--b2);transition:var(--t1)}.profile-skills input:checked+label{box-shadow:0 0 0 6px var(--w1);transition:var(--t1)}.profile-skills input:checked+label:before{border-color:#2187e7}.profile-skills input#sk2:checked+label:before{border-color:#9acd32}.profile-skills input#sk3:checked+label:before{border-color:#ff4500}label[for=sk1]:before{border-color:#6495ed}label[for=sk2]:before{border-color:#9acd32}label[for=sk3]:before{border-color:#ff4500}ul.skills li.more{margin-bottom:20px;padding:0}ul.skills li.more:before,ul.skills li.more:after{display:none}ul.skills li.more:hover{filter:none!important}ul.skills li.more div{max-height:0;transition:var(--t1);width:100%;padding:0;overflow:hidden}ul.skills li.more input:checked~div{max-height:150px;transition:var(--t1);padding:20px 0 0}ul.skills li.more div span:before,ul.skills li.more div span:after{display:none}ul.skills li.more label{background:linear-gradient(163deg,var(--b2)50%,var(--w1)50%);right:0;left:inherit;top:inherit;color:var(--b2);transition:var(--t1);background-position-y:100%;background-size:100% 300%;width:55px;height:55px;bottom:-70px;right:-50px}ul.skills li.more label:before{content:"+";content:"✚";text-align:center;width:100%;height:100%;color:var(--c1);border:0;font-size:45px;line-height:55px;top:0;left:0;transform:rotate(0)}ul.skills li.more label:hover{transition:var(--t1);box-shadow:0 0 0 10px var(--w1);background-position-y:0%;color:var(--w1)!important}ul.skills li.more span{background:#1c1c1c;border:1px solid #323232;border-color:#111 #323232 #323232 #111;border-radius:1px;margin:10px 10px 1px 1px;padding:4px 8px;display:inline-block}ul.skills li.more span:hover{color:var(--w0);background:var(--c1);box-shadow:0px 0px 5px 1px var(--c1);border-color:#fff2}ul.skills li.more input:checked+label{box-shadow:0 0 0 9px var(--w1);color:var(--w0);background-position-y:0%;bottom:-70px}ul.skills li.more input:checked+label:before{content:"❙";font-weight:600;transform:rotate(90deg)}ul.skills li.more input:checked+label:hover{box-shadow:0 0 0 0 var(--w1);background-position-y:100%;color:var(--b2)!important}@media only screen and (max-width:1024px){.content{height:60vh}.profile-skills{flex-flow:wrap;top:20px}.profile-skills>div{width:47%!important}.profile-skills>div:nth-child(3){margin-top:120px;width:98%!important}}