header{display:flex;justify-content:center;transition:background-color 1s ease;background-color:var(--background-color);border:2px;border-style:solid;border-radius:100px;border-color:var(--border-color);margin:10px;max-width:fit-content;max-height:min-content;position:sticky;top:5px;z-index:100;font-size:.8rem;padding-top:2px;padding-bottom:2px}.HeaderNav{display:inline-flex;-webkit-user-select:none;user-select:none}.HeaderNav a{transition:color .5s ease;color:var(--text-color)}.HeaderLink{padding-inline:10px;cursor:pointer}.HeaderLink:hover{color:#3c90e3}.HeaderLink:link{text-decoration:none}.ThemeSwitcher{padding-inline:10px;width:1.1em;fill:#fff}.Introduction{display:inline-flex;align-items:end;position:sticky}.ProfileIMG{display:block;border-radius:50%;margin:0 auto;max-width:150px;max-height:150px;width:auto;height:auto;background-color:var(--green-background-color);box-shadow:0 0 10px #8a8a8a;cursor:default}.JobTag{display:flex;align-items:center;padding:8px;font-size:1rem;font-weight:700;max-width:fit-content;max-height:fit-content;color:var(--text-color);background-color:var(--green-background-color);position:relative;border-radius:2em;text-decoration:none;transition:color 1s ease}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.JobTag:after{content:"";position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;padding:3px;background-image:conic-gradient(from var(--angle),transparent 10%,#05d933);animation:2s spin linear infinite;border-radius:2em}@keyframes spin{0%{--angle: 0deg}to{--angle: 360deg}}.Experience{display:flex;flex-direction:column;align-items:center}ul{padding-left:0}.Job h2{margin-bottom:0}.Job h3{margin:auto 0}.Job time{font-size:.8em}.Job .Title{display:grid;align-items:baseline;justify-content:space-between;grid-auto-flow:column;grid-column-gap:10px}.Projects{display:flex;flex-direction:column;align-items:center}.ProjectList{margin-top:21px;list-style:none;padding:0}.Project{display:flex;flex-direction:column;padding-bottom:50px;align-items:center}.Project:hover>img{box-shadow:0 0 10px #8a8a8a;transform:scale(1.1) translateY(-5%)}.Project section{display:flex;flex-direction:column;margin-top:0;margin-bottom:10px}.Project section>*{margin-top:5px;margin-bottom:0}.Project>img{display:block;min-width:300px;max-width:70%;max-height:min-content;border-radius:20px;transition:.5s;cursor:default}.Tag{margin-right:.5em;border:1px solid var(--border-color);border-radius:50px;padding-inline:.5em;-webkit-user-select:none;user-select:none;cursor:default}.LinksNav{display:flex;flex-direction:row;margin-top:10px}.Link{transition:background-color 1s ease,color 1s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;width:10em;margin-right:.5em;padding:5px;border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);background-color:var(--button-color)}.Link:hover{background-color:var(--button-color-hover)}.Link span{font-size:1.2em}.Link img{width:2em;height:100%;margin-right:5px}.Contacts{display:flex;flex-direction:column;align-items:center;width:100%}.Contacts>nav{display:inline-flex;width:100%;justify-content:center}.Contacts>nav>a{margin:0 1em}img{cursor:pointer;max-width:2em;width:100%}.CopiedMensage{position:fixed;bottom:100px;width:fit-content;background-color:#ad7ccc;background-size:cover;color:var(--text-color);border:5px solid rgb(140,5,223);border-radius:8px;padding:.5em;display:flex;justify-content:center;z-index:100}:root{scroll-behavior:smooth}:root.light{--background-color: #f9f9f9;--text-color: #333;--border-color: #a9aaae;--green-background-color: #a6e0b2;--button-color: #f9f9f9;--button-color-hover: #a5a5a5}:root.dark{--background-color: #333;--text-color: #fff;--border-color: #a9aaae;--green-background-color: #3a7c48;--button-color: #333;--button-color-hover: #a5a5a5}body{transition:background-color 1s ease,color 1s ease;background-color:var(--background-color);color:var(--text-color);display:flex;justify-content:center}#root{--color-scheme: light;font-family:Roboto Slab,serif;display:flex;flex-direction:column;align-items:center;max-width:50rem;width:100%;font-size:16px}