.headerDiv{background:#fff;color:#5dbcf6;font-size:30px;padding:20px;font-family:DelaGothic;display:grid;grid-template-columns:9.9fr .1fr;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:10;white-space:pre-wrap}.headerDiv>.loading{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,.1)!important}.headerDiv>.loading>*{background-color:#5dbcf6!important}.headerDiv>.clickableHeader{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.headerErrorDiv{display:flex;justify-content:center;align-items:center;height:100vh}.headerMenuDiv{position:fixed;height:100vh;width:100vw;background:#fff;display:flex;flex-direction:column;align-items:flex-start;top:0;left:0;bottom:0;z-index:10;white-space:pre-wrap;animation:headerMenu 1s forwards;z-index:999!important}.headerMenuDiv,.headerMenuDiv>a{transition:.3s cubic-bezier(.6,.04,.98,.335)}.headerMenuDiv>a{width:100%;transform:translateX(-110vw);animation:loadMenu 1s forwards;cursor:pointer}.headerMenuDiv>a:nth-child(1n){animation-delay:.1s}.headerMenuDiv>a:nth-child(2n){animation-delay:.2s}.headerMenuDiv>a:nth-child(3n){animation-delay:.3s}.headerMenuDiv>a:nth-child(4n){animation-delay:.4s}.headerMenuDiv>a:nth-child(5n){animation-delay:.5s}.headerMenuDiv>a:nth-child(6n){animation-delay:.6s}.headerMenuDiv>a:nth-child(7n){animation-delay:.7s}.headerMenuDiv>a:nth-child(8n){animation-delay:.8s}.headerMenuDiv>a:nth-child(9n){animation-delay:.9s}.headerMenuDiv>a:nth-child(10n){animation-delay:1s}.headerMenuDiv>a:hover>span:after{width:100%}.headerMenuDiv>a>span{font-size:30px;padding:10px 0 10px 20px;font-family:DelaGothic;width:-moz-fit-content;width:fit-content;color:#5dbcf6;text-decoration:none;display:inline-block}.headerMenuDiv>a>span:after{bottom:5px;content:"";display:block;left:0;position:absolute;background:#5dbcf6;transition:width .3s ease 0s,left .3s ease 0s;width:0;height:5px}.headerMenuDiv>a>span:hover:after{width:100%}.headerMenuDiv>.activeLink{background:#5dbcf6;width:100%!important;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.headerMenuDiv>.activeLink>span{color:#fff}.headerMenuDiv>div{position:absolute;width:100%;bottom:0;display:grid;place-items:center;transform:translateY(150px);animation:owlSlideIn 1s forwards;height:190px;overflow:hidden}.headerMenuDiv>div>button{top:75px;border:1px dotted #5dbcf6;z-index:2}.headerMenuDiv>div>img{position:relative}@keyframes loadMenu{0%{opacity:0;transform:translateX(-110vw)}to{opacity:1;transform:translateX(0)}}@keyframes hideMenu{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-110vw)}}@keyframes owlSlideIn{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes owlSlideOut{0%{transform:translateY(0)}to{transform:translateY(150px)}}.hidden{display:none}.headerMenuHiddenDiv{animation:headerMenuBegone 1s forwards;animation-delay:.5s}.headerMenuHiddenDiv>a{transform:translateX(0);animation:hideMenu 1s forwards;transition:.3s cubic-bezier(.6,.04,.98,.335)}.headerMenuHiddenDiv>a:nth-child(1n){animation-delay:.1s}.headerMenuHiddenDiv>a:nth-child(2n){animation-delay:.2s}.headerMenuHiddenDiv>a:nth-child(3n){animation-delay:.3s}.headerMenuHiddenDiv>a:nth-child(4n){animation-delay:.4s}.headerMenuHiddenDiv>a:nth-child(5n){animation-delay:.5s}.headerMenuHiddenDiv>a:nth-child(6n){animation-delay:.6s}.headerMenuHiddenDiv>a:nth-child(7n){animation-delay:.7s}.headerMenuHiddenDiv>a:nth-child(8n){animation-delay:.8s}.headerMenuHiddenDiv>a:nth-child(9n){animation-delay:.9s}.headerMenuHiddenDiv>a:nth-child(10n){animation-delay:1s}.headerMenuHiddenDiv>div{transform:translateY(0);animation:owlSlideOut 1s forwards}@keyframes headerMenu{0%{background:transparent;opacity:0}to{background:#fff;opacity:1}}@keyframes headerMenuBegone{0%{background:#fff;opacity:1}to{background:transparent;opacity:0}}.errorDiv{display:flex!important;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%!important;overflow:hidden;padding:20px}.errorDiv>.errorIcon{position:absolute;font-size:4em;opacity:.1}.errorDiv>span{font-size:10px;font-size:300;opacity:.8}.skillDiv{justify-content:center;align-items:center}.skillDiv>div{width:100%;margin:1em 15em}.skillDiv>div,.skillDiv>div>div{display:flex;justify-content:center;align-items:center;flex-direction:column}.skillDiv>div>div{width:100%!important;background:#fff;text-align:left;padding:3em 2em;border-radius:5px;border:1px solid #f0f0f0}.skillDiv>div>div>div{width:100%}.skillDiv>div>div>span:first-child{width:100%;font-weight:700;font-size:20px;color:#4489b5}.skillDiv>div>div>span:nth-child(2){width:100%;font-weight:300;font-size:12px;color:#000;opacity:.8}.treeMapDiv{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(6,1fr);grid-template-areas:"tmi0 tmi0 tmi1 tmi2 tmi2" "tmi0 tmi0 tmi1 tmi2 tmi2" "tmi0 tmi0 tmi1 tmi2 tmi2" "tmi0 tmi0 tmi1 tmi3 tmi3" "tmi0 tmi0 tmi1 tmi4 tmi5" "tmi0 tmi0 tmi1 tmi4 tmi6";grid-gap:.1em;gap:.1em;width:100%;height:100%;margin-top:.5em;transition:.5s ease;pointer-events:none;grid-auto-rows:minmax(100px,auto)}@media only screen and (max-width:600px){.treeMapDiv{grid-template-rows:repeat(4,1fr);grid-template-areas:"tmi0 tmi0 tmi2 tmi2 tmi2" "tmi0 tmi0 tmi3 tmi4 tmi4" "tmi0 tmi0 tmi3 tmi5 tmi5" "tmi1 tmi1 tmi1 tmi1 tmi6"}}.treeMapItem{border-radius:2px;display:flex;justify-content:center;align-items:center;border:.1px solid gray;font-size:1em;background-color:#5dbcf6;color:#fff;transition:.5s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;text-align:center;padding:2em}.treeMapItem:hover{opacity:1!important}@media only screen and (max-width:600px){.treeMapItem{font-size:.6em}}.skillDataDiv{height:50vh}@media only screen and (max-width:600px){.skillDataDiv{height:-moz-fit-content;height:fit-content}}.treeMapItemMain{font-weight:500}