.main{border-radius:8px;background-color:#fff;padding:12px 15px;margin-bottom:15px;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:box-shadow .2s ease,border-left .1s ease;border-left:6px solid #1565c0}.main:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);border-left:8px solid #217ee7}.complete{border-left:6px solid #ccc}.complete:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);border-left:8px solid #b3b3b3}.container-v{display:flex;flex-direction:column;gap:3px;flex-shrink:0;flex-grow:0}.container-h{display:grid;grid-template-columns:60% auto;gap:20px;align-items:start;line-height:1.2em;margin-bottom:4px}@media(max-width:768px){.container-h{grid-template-columns:1fr;gap:0}}.left{min-width:0;overflow-wrap:break-word}.right{white-space:nowrap;text-align:right}@media(max-width:768px){.right{white-space:normal;margin-top:5px;text-align:left}}.title{font-weight:700;font-size:18px}.subtitle{font-size:18px;margin-bottom:4px}.subtitle a,.subtitle a:visited{text-decoration:none}.subtitle a:hover{opacity:.7}.extra{font-size:16px;line-height:1.3;margin:0}.brief{font-size:16px;margin:0 0 2px;line-height:1.5;color:#333}.skills{font-size:15px;margin:0 0 12px;font-style:italic;color:#333}.sum{font-size:14px;line-height:1.4em;margin:0}.sum *{line-height:1.4em}.sum ul,.sum ol{margin:.5em 0 .5em .5em;padding-left:.5em}.sum p{margin:0 0 .5em}details{padding:0;margin-bottom:.25em}details>*:last-child{margin-bottom:0!important}summary{font-weight:700;font-size:12px;margin:-.5em -.5em 0;padding:.5em}.fa-arrow-up-right-from-square{font-size:14px;margin-left:5px;vertical-align:middle;position:relative;top:-2px;color:#1565c0;transition:color .3s ease}.fa-arrow-up-right-from-square:hover{color:#104d92}.subtitle .fa-git-alt{font-size:17px;margin-left:5px;vertical-align:middle;position:relative;top:-2px;color:#1565c0;transition:color .3s ease}.subtitle .fa-git-alt:hover{color:#104d92}.avatar-image{width:75%;margin:auto;display:block;margin-top:6em;margin-bottom:2em;border-radius:1%;box-shadow:0 0 5px grey}.author-info{display:flex;flex-direction:column;text-align:center;gap:1em}.author-name{font-size:2.5em;font-weight:700}.author-bio{font-size:1.75em;font-weight:700}.author-social{gap:.75em;display:flex;justify-content:center;align-items:center}.social-link,.social-link:visited{color:#000;text-decoration:none;transition:color .15s ease}.social-link:hover,.social-link:visited:hover{color:#1565c0}*{margin:0;padding:0}html,body{margin:0;padding:0;min-height:100vh;overflow-x:hidden;background-color:#f8f9fa;font-family:helvetica}h2{font-size:1.75em;font-weight:700;letter-spacing:.1em;border-bottom:1px solid #000;margin-top:1.5em;margin-bottom:.75em}h2:first-of-type{margin-top:.75em}@media(max-width:768px){h2:first-of-type{margin-top:-.25em}}.container{display:flex;min-height:100vh}@media(max-width:768px){.container{display:block}}.profile{background-color:#f8f9fa;position:fixed;top:0;left:0;width:30%;height:100vh;z-index:2;overflow-y:auto}@media(max-width:768px){.profile{position:relative;width:100vw;height:100vh;max-height:100vh;margin-bottom:100vh;box-shadow:0 5px 20px grey;z-index:2;overflow-y:auto}}.resume-content{background-color:#f8f9fa;margin-left:30%;min-height:100vh;width:calc(100% - $profile-width);padding:20px;box-sizing:border-box;z-index:0;padding-left:4em;padding-right:4em}@media(max-width:768px){.resume-content{position:fixed;top:0;left:0;margin-left:0;margin-top:0;width:100vw;height:100vh;overflow-y:hidden;z-index:0;padding-left:1em;padding-right:1em}.resume-content.scrollable{overflow-y:auto}}.resume-footer{text-align:center;margin-top:3em;margin-bottom:1em;color:#666}.profile-tab{display:none}@media(max-width:768px){.profile-tab{display:none;position:fixed;top:0;right:15px;padding:10px 15px;background-color:#f8f9fa;border-radius:0;z-index:1;cursor:pointer;border:1px solid #000;border-top:0 solid #000}.profile-tab.visible{display:block}}.scroll-chevron{display:none}@media(max-width:768px){.scroll-chevron{display:flex;justify-content:center;align-items:center;position:fixed;bottom:30px;left:50%;transform:translateX(-50%);width:50px;height:50px;cursor:pointer;font-size:24px;color:#666;z-index:10;animation:bounce 2s ease-in-out infinite}}@keyframes bounce{0%,100%{transform:translateX(-50%)translateY(0)}50%{transform:translateX(-50%)translateY(10px)}}::-webkit-scrollbar{display:none}