:root{--primary: #002b36;--click: #93a1a1;--hover: #eee8d5;--bg: #fdf6e3;--highlight: #ffffff;--highlight-hover: #f0f0f0;--highlight-click: #d3d3d3}:root{--base-padding-horizontal: 50px;--base-padding-vertical: 50px;--color-background: var(--bg);--color-background-hover: var(--hover);--color-background-click: var(--click);--color-background-hover-white: var(--highlight-hover);--color-background-click-white: var(--highlight-click);--color-border: var(--primary);--color-text: var(--primary);--color-badge: var(--primary);--color-badge-text: var(--bg);--border-thickness: 2px;--border-radius: 2px;--spacer-size: 20px;--half-spacer-size: 10px;--intro-width: 400px;--scroll-height: 40px;--profile-picture-border-color: var(--hover);--profile-picture-size: 200px;--profile-picture-border-thickness: 2px;--progress-bar-height: 10px;--progress-bar-color: var(--primary);--badge-horizontal-padding: 5px;--badge-vertical-padding: 2px;--badge-border-radius: 5px;--translation-size-pos: 4px;--translation-size-neg: -4px;--translation-size-pos-double: 8px;--translation-size-neg-double: -8px;--translation-time: .2s;--shadow-color: var(--color-border);--modal-translation-time: .3s;--modal-transparency-color: rgba(0, 0, 0, .5);--modal-shadow-color: rgba(0, 0, 0, .33);--modal-shadow-size: 8px;--bold: 700;--semi-bold: 600;--medium: 500;--regular: 400;--light: 300}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pv-5{padding-top:5px;padding-bottom:5px}.pv-10{padding-top:10px;padding-bottom:10px}.pv-20{padding-top:20px;padding-bottom:20px}.ph-10{padding-left:10px;padding-right:10px}.ph-20{padding-left:20px;padding-right:20px}.p-5{padding:5px}.p-10{padding:10px}.p-20{padding:20px}.p-30{padding:30px}.p-40{padding:40px}.mt-50{margin-top:50px}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-20{margin-right:20px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-50{margin-bottom:50px}.ml-5{margin-left:5px}.ml-20{margin-left:20px}.ml-50{margin-left:50px}.mv-5{margin-top:5px;margin-bottom:5px}.mv-10{margin-top:10px;margin-bottom:10px}.mh-5{margin-left:5px;margin-right:5px}.mh-10{margin-left:10px;margin-right:10px}.mh-20{margin-left:20px;margin-right:20px}.heading{font-weight:var(--bold);font-size:40px}.title{font-weight:var(--bold);font-size:30px}.subtitle{font-weight:var(--semi-bold);font-size:20px}.subtitle-smaller{font-weight:var(--semi-bold);font-size:18px}.subsubtitle{font-weight:var(--medium);font-size:16px}.bold-text{font-weight:var(--bold);font-size:14px}.text{font-weight:var(--medium);font-size:14px}.regular-text{font-weight:var(--regular);font-size:14px}.light-text{font-weight:var(--light);font-size:14px}.smaller-text{font-weight:var(--medium);font-size:12px}body{scroll-behavior:smooth;margin:0;padding:var(--base-padding-vertical) var(--base-padding-horizontal);color:var(--color-text);background-color:var(--color-background);font-family:Poppins,sans-serif;font-size:15px;cursor:default;user-select:none;-webkit-user-select:none;-ms-user-select:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.modal-opened{overflow:hidden}a:link,a:visited{text-decoration:inherit;color:inherit;cursor:auto}.center{text-align:center}.center-self{align-self:center}.thin-border{border:var(--border-thickness) solid var(--color-border)}.horizontal-border{border-top:var(--border-thickness) solid var(--color-border);border-bottom:var(--border-thickness) solid var(--color-border)}.rounded-border{border-radius:var(--border-radius)}.sharp-border{border-radius:0}.debug{border:1px solid red}.white-bg{background:var(--highlight)}.lighter-border{border-color:var(--base0)}.sticky-header{position:sticky}.badge[data-v-fd7f30f9]{display:block;width:fit-content;border-radius:var(--badge-border-radius);padding:var(--badge-vertical-padding) var(--badge-horizontal-padding);background:var(--color-badge);color:var(--color-badge-text);margin:var(--badge-vertical-padding) auto}.border[data-v-fd7f30f9]{border:var(--border-thickness) solid var(--color-border)}.wrapper[data-v-00b12324]{position:relative;width:var(--profile-picture-size);height:var(--profile-picture-size);cursor:pointer}.avatar[data-v-00b12324]{position:absolute;z-index:1;width:var(--profile-picture-size);height:var(--profile-picture-size);background-image:url(/pictures/profile_photo.jpg);background-size:cover;background-position:center;border-radius:50%;border:none;cursor:pointer;display:flex}.inner[data-v-00b12324]{position:absolute;z-index:2;text-align:center;top:50%;transform:translateY(-50%);vertical-align:middle;visibility:hidden}.wrapper:hover>.avatar[data-v-00b12324]{opacity:.5}.wrapper:hover>.inner[data-v-00b12324]{visibility:visible}.bordered[data-v-00b12324]{border:var(--profile-picture-border-thickness) solid var(--profile-picture-border-color)}.separator[data-v-68f76593]{display:block;border:0;border-bottom:var(--border-thickness) solid var(--color-border);width:100%}.nopad[data-v-68f76593]{margin:0}.dotted[data-v-68f76593]{border-bottom-style:dotted}.hover-box[data-v-f5a51f3b]{display:block;border-radius:var(--border-radius);cursor:pointer;background-color:transparent}.hover-box[data-v-f5a51f3b]:hover{background:var(--4b48fe9f)}.hover-box[data-v-f5a51f3b]:active{background:var(--0292565a);color:var(--36ae1758)}.border[data-v-f5a51f3b]{border:var(--border-thickness) solid var(--color-border)}.row[data-v-1b952565]{display:flex;flex-direction:row;height:fit-content;align-items:center}.icon[data-v-1b952565]{font-size:20px;margin:auto 20px auto 10px;height:100%;width:20px;text-align:center}.column[data-v-1b952565]{display:flex;flex-direction:column;line-height:1.2;margin:auto 0}.frame[data-v-50184a3a]{width:var(--intro-width);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:start;height:fit-content}.shadowed[data-v-0d818142]:hover{transform:translate(var(--translation-size-pos),var(--translation-size-neg));box-shadow:var(--translation-size-neg-double) var(--translation-size-pos-double) var(--shadow-color)}.clickable[data-v-0d818142]{cursor:pointer}.shadowed[data-v-0d818142]{height:100%;width:100%;transition:transform var(--translation-time) ease,box-shadow var(--translation-time) ease}.modal-mask[data-v-b11afc8e]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:var(--modal-transparency-color);transition:opacity var(--modal-translation-time) ease}.modal-container[data-v-b11afc8e]{position:fixed;z-index:999;top:10%;height:80%;background-color:var(--color-background);box-shadow:0 0 var(--modal-shadow-size) var(--modal-shadow-color);transition:all var(--modal-translation-time) ease;display:flex;flex-direction:column;justify-content:space-between}.modal-body[data-v-b11afc8e]{overflow-x:hidden;overflow-y:scroll;flex:1}.modal-enter-from[data-v-b11afc8e],.modal-leave-to[data-v-b11afc8e]{opacity:0}.modal-enter-from .modal-container[data-v-b11afc8e],.modal-leave-to .modal-container[data-v-b11afc8e]{-webkit-transform:scale(.5);transform:scale(.5)}.container[data-v-b2afcee7]{box-sizing:border-box;overflow:hidden;width:100%;height:100%}.row[data-v-40394747]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.wrapper[data-v-e3989c60]{position:relative;display:flex;flex-direction:row;align-items:center}.outline[data-v-e3989c60]{position:relative;width:100%;height:var(--progress-bar-height);border-radius:80px;border:var(--border-thickness) solid var(--color-border);background:repeating-linear-gradient(45deg,transparent,transparent 2px,var(--color-border) 2px,var(--color-border) 4px)}.bar[data-v-e3989c60]{position:absolute;top:0;left:0;bottom:0;height:100%;border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background-color:var(--progress-bar-color)}.right-border[data-v-e3989c60]{border-right:var(--border-thickness) solid var(--color-border)}.progress[data-v-b02ba5af]{width:100px}.sized[data-v-b02ba5af]{width:400px;height:400px}.main-col[data-v-b02ba5af]{display:flex;flex-direction:column;align-content:space-between;height:100%}.main-row[data-v-b02ba5af]{flex:1;display:flex;flex-direction:column;justify-content:space-between}.title-col[data-v-b02ba5af]{height:100%;display:flex;flex-direction:column;justify-content:center}.img-link[data-v-b02ba5af]{display:block;max-width:80px;max-height:80px}.course[data-v-1744f507]:hover{background-color:var(--color-background-hover-white)}.row[data-v-1744f507]{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;align-items:center;gap:10px}.left[data-v-1744f507]{width:30%}.middle[data-v-1744f507]{width:50%}.right[data-v-1744f507],.more-right[data-v-1744f507]{width:10%}.container[data-v-69f3993c]:hover{background-color:var(--color-background-hover-white);cursor:pointer}.badges[data-v-69f3993c]{display:flex;flex-direction:row;flex-wrap:wrap}.header-line[data-v-b588f5f8]{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;text-align:right}.skill-list[data-v-b588f5f8]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;line-height:1.5;height:100%}.skill[data-v-b588f5f8]{display:flex;flex-direction:column;width:280px;height:200px}.name[data-v-40317f25]{display:flex;flex-direction:row;justify-content:space-between}.spacer[data-v-40317f25]{width:10px}.bold[data-v-40317f25]{font-weight:700}.row[data-v-9ac65a3a]{display:flex;flex-direction:row}.margin-bottom[data-v-9ac65a3a]{margin-bottom:20px}.margin-right[data-v-9ac65a3a]{margin-right:20px}.col[data-v-9ac65a3a]{display:flex;flex-direction:column}.extra[data-v-9ac65a3a]{margin-top:20px}.total[data-v-9ac65a3a]{margin-top:30px}.wrap-list-body>div[data-v-dc9971b3]{display:flex;flex-direction:row;flex-wrap:wrap}.element[data-v-8b039fc6]{height:100%;display:flex;align-items:center;cursor:pointer;box-sizing:border-box}.element[data-v-8b039fc6]:hover{background-color:var(--color-background-hover);color:var(--color-border)}.vertical-separator[data-v-8b039fc6]{border-right:var(--border-thickness) solid var(--color-border)}.element:last-child.vertical-separator[data-v-8b039fc6]{border-right:0}.separator[data-v-8b039fc6]{display:none}.element.active[data-v-8b039fc6]{background-color:var(--color-border);color:var(--color-background)}.wrapper[data-v-8b039fc6]{background-color:var(--color-background);width:fit-content;height:var(--scroll-height);display:flex;flex-direction:row;flex-wrap:nowrap;margin:auto;text-align:center}.item[data-v-8b039fc6]{display:block;font-size:12px;padding-left:var(--half-spacer-size);padding-right:var(--half-spacer-size);padding-top:0;padding-bottom:0}.item-icon[data-v-8b039fc6]{display:none;padding-left:var(--half-spacer-size);padding-right:var(--half-spacer-size);font-size:20px}@media screen and (max-width: 900px){.item[data-v-8b039fc6]{display:none}.item-icon[data-v-8b039fc6]{display:block}}.intro[data-v-65c81fa8]{margin-bottom:var(--spacer-size)}.body-margin[data-v-65c81fa8]{margin-left:0;margin-top:40px}.topclass[data-v-65c81fa8]{height:10px}.scroll-row[data-v-65c81fa8]{z-index:10;background-color:var(--color-background);position:fixed;top:0;left:0;padding-top:10px;padding-bottom:10px;width:100%}.intro-row[data-v-65c81fa8]{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.about-me-col[data-v-65c81fa8]{height:fit-content;width:100%;margin-left:var(--spacer-size)}@media screen and (max-width: 1150px){.intro-row[data-v-65c81fa8]{flex-direction:column;align-items:center}.about-me-col[data-v-65c81fa8]{margin-left:0}}