@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100..900&display=swap";:where(:not(html,iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}meter{appearance:revert}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]){-moz-user-modify:read-write;-webkit-line-break:after-white-space;-webkit-user-modify:read-write;overflow-wrap:break-word}:where([draggable=true]){-webkit-user-drag:element}.card{border:1pt solid #f2f2f233;border-radius:8px;width:100%;padding:15px}.code{font-family:Noto Sans Mono;font-size:16px;font-weight:400}.markdown>:first-child{margin-top:0!important}.markdown>:last-child{margin-bottom:0!important}.markdown h1{font-size:26px}@media screen and (width<=700px){.markdown h1{font-size:22px}}.markdown h2{font-size:22px}@media screen and (width<=700px){.markdown h2{font-size:16px}}.markdown h3{font-size:16px}@media screen and (width<=700px){.markdown h3{font-size:14px}}.markdown h4{font-size:14px}.markdown h5,.markdown h6{margin:16px 0;font-size:12px}.markdown a,.markdown p,.markdown li,.markdown blockquote{color:#f2f2f299;margin:14px 0;font-size:14px}.markdown li{margin:5px!important}.markdown li:first-of-type{margin-top:0!important}.markdown li:last-of-type{margin-bottom:0!important}.markdown li ul,.markdown li ol{margin-top:5px!important;margin-bottom:5px!important}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:22px 0 16px}.markdown h1,.markdown h2,.markdown h3,.markdown h4,.markdown b,.markdown strong{font-weight:500}.markdown a{color:#f2f2f2;text-decoration:underline #0000;transition:all .3s}.markdown a:hover{text-decoration:underline #f2f2f2}.markdown i{font-style:italic}.markdown s{text-decoration:line-through}.markdown u{text-decoration:underline}.markdown ul{list-style:initial;margin:14px 0;margin-left:14px!important}.markdown ol{margin:14px 0;list-style:upper-roman;margin-left:14px!important}.markdown li::marker{color:#f2f2f299}.markdown blockquote{padding-left:14px;position:relative}.markdown blockquote:before{content:"";background-color:#f2f2f299;border-radius:5px;width:5px;height:100%;position:absolute;top:0;left:0}.markdown table{vertical-align:middle;width:100%;margin:0!important}.markdown table *{margin:0!important}.markdown table tr th,.markdown table tr td{border:1px solid #f2f2f233;padding:4px}.markdown table tr th{text-align:center;background-color:#0066cc1a}.markdown center{text-align:center}.markdown img,.markdown picture,.markdown video{width:auto;height:auto}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#11181c}::-webkit-scrollbar-thumb{cursor:grab;background:#f2f2f21a}::-webkit-scrollbar-thumb:hover{background:#f2f2f21a}html,body{color:#f2f2f2;font-optical-sizing:auto;background-color:#11181c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;min-height:100%;margin:0;padding:0;font-family:Inter,Arial,sans-serif;font-weight:300;display:flex;position:relative}html body,body body{padding:40px 40px 60px}@media screen and (width<=1000px){html body,body body{padding:15px 15px 60px}}html main,body main{grid-template-columns:285px auto;gap:30px 15px;width:100%;max-width:1040px;display:grid}@media screen and (width<=700px){html main,body main{grid-template-columns:auto}}html main #a-side,body main #a-side{height:calc(100vh - 80px);min-height:850px;position:sticky;top:40px}@media screen and (width<=1000px){html main #a-side,body main #a-side{top:15px}}@media screen and (width<=700px){html main #a-side,body main #a-side{height:auto;min-height:auto;position:relative;top:auto}}html main .column-wrapper,body main .column-wrapper{flex-direction:column;gap:30px;width:100%;display:flex}html footer,body footer{opacity:.5;align-items:center;height:60px;font-size:12px;display:flex;position:absolute;bottom:0}#profile{grid-template-columns:auto;gap:15px;width:100%;display:grid}@media screen and (width<=700px){#profile{grid-template-columns:auto auto}}@media screen and (width<=500px){#profile{grid-template-columns:auto}}#profile .profile{aspect-ratio:1;object-fit:cover;object-position:center;border:1pt solid #f2f2f233;border-radius:50%;align-self:center;width:100%;max-width:260px;height:auto;overflow:hidden}@media screen and (width<=700px){#profile .profile{grid-row:1/3;justify-self:flex-end;max-width:200px}}@media screen and (width<=500px){#profile .profile{grid-row:auto;justify-self:center}}@media screen and (width<=700px){#profile .credentials{align-self:flex-end}}@media screen and (width<=500px){#profile .credentials{align-self:auto}}#profile .credentials .name{font-size:26px;font-weight:400}#profile .credentials .title{opacity:.6;font-size:16px}#profile .location{align-items:center;gap:5px;font-size:14px;display:flex}@media screen and (width<=700px){#profile .location{grid-area:2/2/auto/3;align-self:flex-start}}@media screen and (width<=500px){#profile .location{grid-area:auto;align-self:auto}}#profile .location svg{width:16px;height:16px}#profile .location span{opacity:.6}#profile .call-to-action{color:#f2f2f2;background-color:#06c;border-radius:5px;justify-content:center;align-items:center;padding:10px;display:flex}@media screen and (width<=700px){#profile .call-to-action{grid-column:1/3}}@media screen and (width<=500px){#profile .call-to-action{grid-column:auto}}#profile .divider{opacity:.2;background-color:#f2f2f2;border:none;border-radius:100vw;width:100%;height:1px}@media screen and (width<=700px){#profile .divider{grid-column:1/3}}@media screen and (width<=500px){#profile .divider{grid-column:auto}}#profile .socials{flex-direction:column;gap:10px;font-size:14px;display:flex}@media screen and (width<=700px){#profile .socials{grid-column:1/3}}@media screen and (width<=500px){#profile .socials{grid-column:auto}}#profile .socials .social-item{color:#f2f2f2;align-items:center;gap:10px;width:fit-content;display:flex}#profile .socials .social-item svg{width:16px;height:16px}#profile .socials .social-item span{opacity:.6;transition:all .3s}#profile .socials .social-item:hover span{opacity:1}.skills{height:100%;position:relative}.skills[data-type=desktop]{display:flex}@media screen and (width<=700px){.skills[data-type=desktop]{display:none}}.skills[data-type=mobile]{display:none}@media screen and (width<=700px){.skills[data-type=mobile]{display:flex}}.skills .skills-wrapper{flex-direction:column;gap:15px;width:100%;height:100%;min-height:220px;max-height:440px;display:flex;position:absolute}@media screen and (width<=700px){.skills .skills-wrapper{position:relative}}.skills .sorter{opacity:.6;border-bottom:1px solid #f2f2f266;justify-content:space-between;align-items:center;gap:10px;margin:15px 15px 0;padding-bottom:5px;font-size:14px;display:flex}.skills .skills-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.skills .skills-card .skills-list{flex-direction:column;gap:10px;padding:15px 10px 15px 15px;display:flex;overflow:hidden auto}.skills .skills-card .skills-list::-webkit-scrollbar-track{background:#f2f2f21a}.skills .skills-card .skills-list .skill-item{align-items:center;gap:5px;display:flex}.skills .skills-card .skills-list .skill-item i{aspect-ratio:1;background-color:#06c;border-radius:50%;width:8px;height:8px;margin-right:5px}.skills .skills-card .skills-list .skill-item span{white-space:nowrap;font-size:14px}.skills .skills-card .skills-list .skill-item hr{opacity:.2;background-color:#f2f2f2;border-radius:100vw;width:100%;height:1px;margin-top:auto;margin-bottom:4px}
