:root{--color-body-bg: hsl(251, 59%, 6%);--color-header-bg: linear-gradient( to right, hsl(0, 0%, 20%), hsl(0, 0%, 30%) );--color-main-bg: linear-gradient( to right, hsl(251, 59%, 18%), hsl(251, 59%, 28%) );--color-aside-bg: linear-gradient( to bottom, hsl(251, 59%, 20%), hsl(251, 59%, 26%) );--color-section-bg: linear-gradient( to bottom, hsl(251, 59%, 22%), hsl(251, 59%, 30%) );--color-footer-bg: linear-gradient( to right, hsl(0, 0%, 24%), hsl(0, 0%, 34%) );--color-overlay-bg: hsl(251, 59%, 6%, .8);--color-text: hsl(0, 0%, 88%);--color-button-bg: hsl(253, 100%, 7%);--color-link-hover: hsla(0, 0%, 88%, .5);--color-link-bg-hover: hsl(251, 59%, 15%);--color-border: hsl(251, 59%, 15%);--color-shadow: rgba(20, 20, 60, .6)}[data-theme=light]{--color-body-bg: hsl(0, 0%, 72%);--color-header-bg: linear-gradient( to right, hsl(0, 0%, 68%), hsl(0, 0%, 76%) );--color-main-bg: linear-gradient(to right, hsl(0, 0%, 70%), hsl(0, 0%, 78%));--color-aside-bg: linear-gradient( to bottom, hsl(0, 0%, 71%), hsl(0, 0%, 76%) );--color-section-bg: linear-gradient( to bottom, hsl(0, 0%, 73%), hsl(0, 0%, 79%) );--color-footer-bg: linear-gradient( to right, hsl(0, 0%, 68%), hsl(0, 0%, 74%) );--color-overlay-bg: hsl(0, 0%, 72%, .8);--color-text: hsl(0, 0%, 12%);--color-button-bg: hsl(0, 0%, 60%);--color-link-hover: hsla(0, 0%, 10%, .6);--color-link-bg-hover: hsl(0, 0%, 66%);--color-border: hsl(0, 0%, 45%);--color-shadow: rgba(40, 40, 40, .2)}html,body,#root{padding:0;margin:0;height:100%;font-size:medium;font-weight:600;line-height:1.5;font-family:Helvetica,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--color-body-bg);color:var(--color-text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#layout{display:flex;flex-direction:column;padding:.25rem;margin:0;height:100vh;transition:background .3s}#layout:hover{cursor:default}button{font-weight:700;font-size:medium;width:150px;height:50px;margin:.3rem;box-sizing:border-box;border-style:groove;border-width:.1rem;border-radius:1rem;color:var(--color-text);background-color:var(--color-button-bg);border-color:var(--color-border)}button:hover{cursor:pointer;transform:translate(-1px,1px);background-color:var(--color-link-bg-hover);color:var(--color-link-hover)}header{display:flex;align-items:center;padding:.25rem;margin-bottom:.5rem;max-height:fit-content;box-sizing:border-box;border-style:none;border-bottom-style:groove;border-radius:.5rem;background-color:var(--color-header-bg);box-shadow:0 0 8px var(--color-shadow);border-color:var(--color-border)}header ul{display:flex;margin:auto;font-size:x-large}header>ul>li{padding:.35rem}header>ul>li:not(:last-child){border-right-style:solid;border-color:var(--color-text)}p{text-align:center;padding:1rem;margin:0}main{display:flex;flex-direction:row;flex:1 1 auto;padding:.1rem;margin-bottom:.5rem;min-height:0;box-sizing:border-box;border-radius:.5rem;background-color:var(--color-main-bg);box-shadow:0 0 8px var(--color-shadow);border-color:var(--color-border)}aside{display:flex;flex-direction:column;justify-content:center;padding:.2rem;margin-top:4rem;margin-bottom:2rem;width:15%;border-style:groove;border-left-style:none;border-radius:20px;box-sizing:border-box;font-size:large;font-weight:700;background-color:var(--color-aside-bg);box-shadow:0 0 8px var(--color-shadow);border-color:var(--color-border)}menu{display:flex;flex-direction:column;margin:.2rem;padding:.2rem}menu li{display:flex;align-items:center;margin-bottom:.6rem;padding:0;border-style:groove;border-radius:.5rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow)}menu li a{display:block;width:100%;padding:.4rem;box-sizing:border-box}section{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:.2rem;box-sizing:border-box;background-color:var(--color-section-bg)}div{box-sizing:border-box}#content{display:flex;flex-direction:column;padding:.25rem;height:100%;width:100%}footer{display:flex;flex-direction:column;justify-content:center;max-height:fit-content;padding:.25rem;margin-bottom:.2rem;border-style:none;border-top-style:groove;border-radius:.5rem;font-size:small;font-weight:100;box-sizing:border-box;background-color:var(--color-footer-bg);box-shadow:0 0 8px var(--color-shadow);border-color:var(--color-border)}footer ul{display:flex;justify-content:center;border-right-style:bold}footer>ul>li:hover{transform:translate(1px,-1px)}footer>ul>li span:hover{cursor:copy;color:var(--color-link-hover)}footer>ul>li>a:hover{color:var(--color-link-hover)}h1{padding:.2rem;margin:0;font-weight:700}h2{padding:.3rem;margin:.3rem 0;font-weight:700;box-sizing:border-box}h3{font-weight:700;padding:.2rem;margin:0}li{list-style:none;padding:.2rem;font-weight:600;box-sizing:border-box}h1:hover{cursor:default}a{text-decoration:none}a:hover{cursor:pointer}menu>li:hover{cursor:pointer;transform:translate(-1px,1px);background-color:var(--color-link-bg-hover);color:var(--color-link-hover)}a:focus,a:active,a:visited{text-decoration:none;background-color:transparent;color:var(--color-text)}@media (hover: hover){header:hover,main:hover,aside:hover,section:hover,footer:hover,menu>li:hover{transition:box-shadow .2s ease-in-out;box-shadow:0 0 12px var(--color-shadow)}}.react-pdf__Page__canvas{width:100%!important;height:auto!important;margin:0 auto}.pdf-small{width:350px;cursor:pointer;border-style:solid;border-radius:.1rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow)}.pdf-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-overlay-bg);display:flex;justify-content:center;align-items:center;z-index:9999;overflow:auto;padding:20px}.pdf-overlay-content{background-color:var(--color-overlay-bg);box-shadow:0 0 10px var(--color-shadow);max-width:90vw;max-height:90vh;overflow:auto;padding:10px;border-radius:4px}.home{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:.2rem;box-sizing:border-box}.home>div{display:flex;flex-direction:column;align-items:center;margin:1rem;padding:.5rem;border-style:dashed;border-width:.3rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow)}.home>div>a{max-height:fit-content;margin:.2rem;padding:.2rem;border-style:groove;border-width:.5rem;border-radius:.5rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow)}.home>div>a:hover{cursor:pointer;transform:translate(1px,-1px);background-color:var(--color-link-bg-hover);color:var(--color-link-hover)}.home>div>ol{display:flex;flex-direction:column;align-items:flex-start;margin-top:.2rem}.home>div>ol>li{list-style:upper-roman}#skill-page{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-height:fit-content;padding:.5rem;box-sizing:border-box}#skill-page>li{display:flex;flex-direction:column;align-items:center;width:15%;max-height:fit-content;margin:.2rem;border-style:groove;border-width:.5rem;border-radius:.5rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow)}#skill-page>li>span{padding:.2rem}#skill-page>li:hover{cursor:pointer;transform:translate(1px,-1px);background-color:var(--color-link-bg-hover);color:var(--color-link-hover)}#certificate{display:flex;text-align:center;margin:auto;border-style:solid;border-radius:1rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow);width:75%;height:100%;padding:.2rem;box-sizing:border-box}#certificate>li{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:.5rem;box-sizing:border-box}#certificate>li>div{display:flex;flex-direction:column;align-items:center;border-style:solid;border-radius:.5rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow);margin:.5rem;padding:1rem;box-sizing:border-box}#certificate>li>div:first-child{height:100%;border-style:none;box-shadow:none}#certificate>li>div:first-child>button{display:flex;align-self:center;justify-items:center;background-color:transparent;border-style:none;font-size:x-small;width:70px;height:20px}.certificate-navigation{display:flex;justify-content:center;background-color:transparent;border-style:none}.certificate-navigation>button{background-color:transparent;border-style:none}#experience{display:flex;text-align:center;margin:auto;border-style:solid;border-radius:1rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow);width:75%;height:100%;padding:.2rem;box-sizing:border-box}#experience>li{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;padding:.5rem;box-sizing:border-box}#experience>li>div{display:flex;flex-direction:column;align-items:center;border-style:none;border-radius:.5rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow);margin:.5rem;padding:1rem;box-sizing:border-box}#experience>li>div:first-child{height:100%;border-style:none;box-shadow:none}#experience>li>div:first-child>button{display:flex;align-self:center;justify-items:center;background-color:transparent;border-style:none;font-size:x-small;width:70px;height:20px}.experience-navigation{display:flex;justify-content:center;background-color:transparent;border-style:none}.experience-navigation>button{background-color:transparent;border-style:none}.skills-acquired{display:flex}.skills-acquired>li{border-style:groove;border-width:.5rem;border-radius:.5rem;padding:.5rem;margin:.2rem;cursor:pointer;transform:translate(1px,-1px);border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow)}.skills-acquired>li:hover{cursor:pointer;transform:translate(1px,-1px);background-color:var(--color-link-bg-hover);color:var(--color-link-hover)}#about-me{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;height:100%;padding:.2rem;box-sizing:border-box}.about-me-page{display:flex;flex-direction:column;align-items:center;margin:.3rem;box-sizing:border-box;border-style:solid;border-radius:1rem;border-color:var(--color-border);box-shadow:0 0 8px var(--color-shadow)}.about-me-page:not(:first-child){width:49%;height:40%;border-radius:5rem;padding:2rem}