@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";#root{--white: #eaeaeade;--color: #060239;--color2: #0a191e;--color3: #fb515a;margin:0;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:Lato,sans-serif;color:var(--white)}body{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(45deg,#060239,#27046d,#fb515a);min-height:100vh;font-size:clamp(.9rem,1.2vw,2rem)}header{box-shadow:0 .01rem .3rem var(--color)}.language-toggle{display:flex;justify-content:right}.language-btn{padding:.5rem 1rem;background:transparent;border:none;color:var(--white);font-weight:600;padding:1rem 1.5rem 1rem 0;cursor:pointer}.iconStyle{padding-top:1rem}.intro{padding:2rem;text-align:left;display:flex;flex-direction:row;justify-content:space-around}.intro-card{margin:3rem;display:flex;flex-direction:row;align-items:center;width:80%}.intro-card-photo{max-width:20%;height:auto}.intro-card-text{margin-left:2rem;display:flex;flex-direction:column;text-align:justify;font-size:clamp(1rem,1.5vw,2rem)}.intro-links{margin-top:1rem;padding:.5rem;display:flex;flex-direction:column;gap:1rem;width:15%}.intro-links-responsive{display:none}.intro-link{width:80%;font-size:clamp(.9rem,1.2vw,2rem)}.intro-link{padding:1rem;background-color:transparent;border-radius:.4rem;position:relative;overflow:hidden;cursor:pointer;transition:.5s;font-weight:400;font-size:1.2rem;border:.15rem solid;color:var(--color);z-index:1}.intro-link:before,.intro-link:after{content:"";display:block;width:50px;height:50px;transform:translate(-50%,-50%);position:absolute;border-radius:50%;z-index:-1;background-color:var(--color);transition:1s ease}.intro-link:before{top:-1em;left:-1em}.intro-link:after{left:calc(100% + 1em);top:calc(100% + 1em)}.intro-link:hover:before,.intro-link:hover:after{height:410px;width:410px}.intro-link:hover{color:#0a191e}.intro-link:active{filter:brightness(.8)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #a161fbaa)}.card{padding:2em}.read-the-docs{color:#888}.projects{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:1rem;border-radius:.5rem;margin:1.5rem 7rem;padding-bottom:1.5rem}.projects-headline{width:100%;text-align:left;margin-left:7%}.project-container{width:35%}.project-container{padding-bottom:1.5rem;background-color:transparent;border-radius:.4rem;position:relative;overflow:hidden;cursor:pointer;transition:.5s;font-weight:400;font-size:1.2rem;border:.15rem solid;color:var(--white);z-index:1}.project-container:before,.project-container:after{content:"";display:block;width:50px;height:50px;transform:translate(-50%,-50%);position:absolute;border-radius:50%;z-index:-1;background-color:#eaeaea51;transition:1s ease}.project-container:before{top:-1em;left:-1em}.project-container:after{left:calc(100% + 1em);top:calc(100% + 1em)}.project-container:hover:before,.project-container:hover:after{height:410px;width:410px}.project-container:hover{color:var(--color)}.project-container:active{filter:brightness(.8)}.project-img{width:75%;border-radius:.4rem}footer{font-size:small;padding:.8rem}h3{color:var(--white);margin:.5rem 0}::-webkit-scrollbar{width:.8rem}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background:#393755}::-webkit-scrollbar-thumb:hover{background:#707070}@media screen and (max-width: 1180px){.intro-card{width:100%}.intro-links{display:none}.intro-links-responsive{display:flex;flex-direction:row;gap:3rem}.projects{justify-content:space-around}.project-container{width:40%}.project-img{width:90%}}@media screen and (max-width: 768px){.intro{padding:2rem;flex-direction:column;align-items:center}.intro-card{flex-direction:column;text-align:center;width:80%}.intro-card-photo{max-width:50%}.intro-card-text{margin-left:0;margin-top:1.5rem;font-size:1rem}.intro-links-responsive{gap:1rem;font-size:1rem}.projects{margin:1.5rem 5rem;flex-direction:column}.project-container{width:60%}.project-img{width:90%}.projects-headline{margin-left:0;text-align:center}}@media screen and (max-width: 480px){body{padding:0}.intro-card-photo{max-width:30%}.intro-card-text{font-size:.9rem}.intro-link{font-size:1rem}.projects{margin:1.5rem 5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--white: #eaeaeade;color-scheme:light dark;color:var(--white);background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--white);text-decoration:inherit}a:hover{color:var(--white)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1,h2{font-family:Inconsolata,monospace;font-weight:500;color:var(--white)}h1{margin:1rem 0;font-size:3em;line-height:1.1;font-weight:500}h2{font-size:1.8em}p{font-size:1.1rem}@media (prefers-color-scheme: light){:root{color:#213547;background-color:var(--white)}a:hover{color:#747bff}button{background-color:var(--white)}}