@import url(https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-color:#150416!important;--text-color:#f9e1fa!important;--primary-color:#711476!important;--secondary-color:#351537!important;--accent-color:#c923d1!important;--accent-color-adjusted:#f19bf9!important;--title-text-size:10vh;--normal-text-size:1.75vh;--big-text-size:2.5vh}body{background-color:var(--bg-color)!important;color:var(--text-color)!important;font-family:Lato,sans-serif;white-space:pre-line}.page{height:100%;position:absolute;width:100%}.bottomToTopActive{animation:AnimBottomToTopActive .5s ease-in-out forwards}.bottomToTopInActive{animation:AnimBottomToTopInActive .5s ease-in-out forwards}.topToBottomActive{animation:AnimTopToBottomActive .5s ease-in-out forwards}.topToBottomInActive{animation:AnimTopToBottomInActive .5s ease-in-out forwards}.dot-page-preview{height:100%;left:12px;position:absolute;top:0;width:2%}a{text-decoration:none!important}.hidden{display:none}@keyframes AnimBottomToTopActive{0%{top:100vh}to{top:0}}@keyframes AnimBottomToTopInActive{0%{top:0}to{top:-100vh}}@keyframes AnimTopToBottomActive{0%{top:-100vh}to{top:0}}@keyframes AnimTopToBottomInActive{0%{top:0}to{top:100vh}}.container-aboutme,.container-aboutme .aboutme-drawers{align-items:center;display:flex;flex-direction:column;justify-content:center}.container-aboutme .aboutme-drawers{margin-top:24px;max-width:65vw;width:100%}.container-aboutme .aboutme-intro-text{font-size:var(--big-text-size);max-width:65vw;text-align:center}.container-aboutme .aboutme-header{align-items:center;display:flex;flex-direction:row;gap:12px;justify-content:center;padding-bottom:12px;padding-top:2.5%}.container-aboutme .title-display{display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-size:120pt;font-weight:700;gap:0;white-space:pre-line}.container-aboutme .title-display .big-text{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--primary-color)!important;background-image:linear-gradient(90deg,var(--accent-color),var(--text-color))!important;background-size:140%;font-size:var(--title-text-size)}.container-aboutme .profile-picture-wrapper-aboutme{aspect-ratio:1/1;width:25%}.container-aboutme .profile-picture-wrapper-aboutme .profile-picture-aboutme{border-radius:50%;height:auto;max-height:30vh;max-width:30vw;width:100%}.container-aboutme .about-me{max-width:85vw}.container-aboutme .about-me .small-text{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--text-color)!important;background-image:linear-gradient(90deg,var(--accent-color-adjusted),var(--accent-color-adjusted))!important;background-size:100% 100%;font-family:Lato,sans-serif;font-size:1.15vmax;font-weight:700}@media screen and (min-height:900px),screen and (min-width:1200px){.container-aboutme .about-me .small-text{font-size:14pt}}@media screen and (min-aspect-ratio:4/3)and (max-aspect-ratio:16/9){.container-aboutme .about-me .small-text{font-size:12pt}}.mobile .aboutme-header,.mobile .aboutme-header .title-display{width:100%}.mobile .aboutme-header .title-display .big-text{font-size:60pt;text-align:center}.mobile .aboutme-intro-text{font-size:14pt}.mobile .aboutme-drawers{max-width:85%;width:100%}.mobile .about-me .small-text{font-size:16pt}.mobile .profile-picture-wrapper-aboutme{width:0}.mobile .profile-picture-wrapper-aboutme .profile-picture-aboutme{display:none}.accordion{border-bottom:1px solid #ccc;overflow:hidden;transition:max-height .3s ease-in-out;width:100%}.accordion.closed{max-height:4vh}.accordion.open{max-height:40vh}.accordion-header{align-items:center;background-color:var(--bg-color);cursor:pointer;display:flex;font-size:var(--big-text-size);height:4vh;justify-content:space-between}.accordion-header .accordion-title{color:var(--text-color);font-weight:600;padding:0 1rem}.arrow{transition:transform .3s ease;-webkit-user-select:none;user-select:none}.accordion.open .arrow{transform:rotate(180deg);transition:transform .3s ease}.accordion-content{font-size:var(--normal-text-size);opacity:0;padding:10px 10px 24px;transition:max-height .3s ease;transition:opacity .3s ease}.accordion.open .accordion-content{opacity:1}.mobile .accordion-header{font-size:16pt;height:50px}.mobile .accordion-content{font-size:14pt;padding:20px}.mobile .accordion.closed{max-height:50px}.mobile .accordion.open{max-height:600px}.container-landing .name-picture-display{align-items:center;display:flex;flex-direction:row-reverse;gap:36px;justify-content:center;padding-left:4%;padding-right:4%;padding-top:5%}.container-landing .name-picture-display .profile-picture-wrapper{aspect-ratio:1/1}.container-landing .name-picture-display .profile-picture-wrapper .profile-picture{aspect-ratio:1/1;border-radius:50%;height:auto;max-height:50vh;max-width:50vw;width:100%}.container-landing .name-display{display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-size:120pt;font-weight:700;white-space:pre-line}.container-landing .name-display .big-text{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--primary-color)!important;background-image:linear-gradient(90deg,var(--accent-color),var(--text-color))!important;background-size:100%;font-size:var(--title-text-size)}.container-landing .name-display .small-text{font-size:4vh;padding-bottom:12px}.container-landing .name-display .smaller-text{font-family:Lato,sans-serif;font-size:3vh;font-weight:400}.container-landing .button-row{display:flex;flex-direction:row;justify-content:space-evenly;padding-left:10%;padding-right:10%;padding-top:2%}.mobile .landing-page-mobile-warning{color:red;font-size:14pt;margin-left:24px;margin-right:24px;padding:0 12px 12px;text-align:center}.mobile .button-row{align-items:center;flex-direction:column;gap:12px}.mobile .name-picture-display{flex-direction:column;padding-left:0;padding-right:0;text-align:center}.mobile .name-picture-display .name-display{padding-left:5%;padding-right:5%;transform:translateY(-10%)!important}.mobile .name-picture-display .name-display .big-text{font-size:60pt}.mobile .name-picture-display .name-display .small-text{font-family:Lato,sans-serif;font-size:calc(2vw + 3vh);transform:translateY(0)}.mobile .name-picture-display .name-display .smaller-text{font-size:calc(1vw + 2vh);margin-top:5%;transform:translateY(0)}.mobile .button-row{padding-left:0;padding-right:0}.mobile .extend-icon{display:none}.extend-icon{animation:MoveUpDownBottomExtendIcon 1s linear infinite;bottom:0;color:var(--accent-color)!important;left:50%;margin-bottom:2%;position:absolute;transform:translateX(-50%);transform:scale(200%)}@keyframes MoveUpDownBottomExtendIcon{0%,to{bottom:0}50%{bottom:15px}}.highlight-button{align-items:center;background-image:linear-gradient(var(--primary-color),var(--primary-color));background-position:100% 100%;background-repeat:no-repeat;background-size:100% 0;border:4px solid var(--primary-color);border-radius:50px;color:var(--text-color)!important;cursor:pointer;display:flex;height:5vh;justify-content:center;text-align:center;transition:background-size .5s,color .5s;width:20%}.highlight-button .text{font-size:calc(1vw + 1.4vh);font-weight:bolder;z-index:2}.highlight-button:hover{background-size:100% 100%}.mobile .highlight-button{height:6vh;width:50%}.mobile .highlight-button:hover{background-size:100% 0}.mobile .text{font-size:calc(1vw + 2vh)}.language-button-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.language-button-wrapper .language-button{align-items:center;background-image:linear-gradient(var(--primary-color),var(--primary-color));background-position:100% 100%;background-repeat:no-repeat;border:4px solid var(--primary-color);border-radius:50px;color:var(--text-color)!important;cursor:pointer;display:flex;height:5vh;justify-content:space-evenly;text-align:center;transition:background-position .5s,color .5s;width:20%}.language-button-wrapper .language-button .text{font-size:calc(1vw + 1.4vh);font-weight:bolder;z-index:2}.language-button-wrapper .lang-left-active{background-position:0 100%;background-size:50% 100%}.language-button-wrapper .lang-right-active{background-size:50% 100%}.mobile .language-button-wrapper{align-items:center;flex-direction:column;gap:12px}.mobile .language-button-wrapper .language-button{height:6vh;width:50%}.mobile .language-button-wrapper .text{font-size:calc(1vw + 2vh)}.container{flex-direction:column}.container,.container .header{align-items:center;display:flex;justify-content:center}.container .header{flex-direction:row;padding-bottom:2.5%;padding-top:2.5%}.container .title-display{display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-size:120pt;gap:0;white-space:pre-line}.container .title-display .big-text{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--primary-color)!important;background-image:linear-gradient(90deg,var(--accent-color),var(--text-color))!important;background-size:140%;font-size:var(--title-text-size);font-weight:700}.container .skill-boxes{display:flex;flex-direction:row;justify-content:space-evenly;min-height:20vh;padding-left:10%;padding-right:10%;width:100%}.container .box{background-color:var(--secondary-color)!important;border-radius:20px;box-shadow:5px 5px 5px #000;padding-bottom:12px;padding-left:5px;padding-right:10px;width:29vw}.container .blurred{cursor:pointer;filter:blur(4px)}.mobile .title-display .big-text{font-size:60pt}.mobile .skill-boxes{align-items:center;display:flex;flex-direction:column;gap:24px;padding-left:0;padding-right:0}.mobile .box{width:90%}.skillboxwrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.skillbox-container{align-items:center;background-color:var(--bg-color)!important;box-shadow:3px 5px 5px #000;margin-bottom:0;margin-right:0;margin-top:1.2vh;padding:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;block-size:-webkit-fit-content;block-size:-moz-fit-content;block-size:fit-content;border-radius:12px;display:flex;flex-direction:row;height:6vh;max-width:300px;position:relative}@media screen and (max-width:1100px){.skillbox-container{height:5vh}}.skillbox-container .text{font-size:var(--big-text-size);padding-left:12px;padding-right:12px;white-space:nowrap}@media screen and (max-width:1100px){.skillbox-container .text{font-size:1.5vw}}.skillbox-container .image-container{display:flex;height:100%;justify-content:center;margin-left:12px;text-align:center;width:25%}@media screen and (max-width:1100px){.skillbox-container .image-container{width:20%}}.skillbox-container .image-container .image{display:block;margin:auto;max-width:50px;object-fit:cover;width:2vw}.mobile .skillbox-container .image-container .image{width:20pt}.mobile .skillbox-container .text{font-size:12pt}.full-height{height:100%}.projects-page-container{display:flex;flex-direction:column}.projects-page-container .move-down{transform:translateY(15%)!important}.projects-page-container .header-projects{align-items:center;display:flex;flex-direction:row;justify-content:center;padding-top:2.5%}.projects-page-container .header-projects .title-display{display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-size:120pt;gap:0;white-space:pre-line}.projects-page-container .header-projects .title-display .big-text{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--primary-color)!important;background-image:linear-gradient(90deg,var(--accent-color),var(--text-color))!important;background-size:140%;font-size:var(--title-text-size);font-weight:700}@keyframes MoveUpDownBottom{0%,to{bottom:0}50%{bottom:15px}}.mobile .header-projects .title-display .big-text{font-size:60pt}.mobile .projects-page-container .projects-container{display:flex!important;flex-direction:column!important;gap:24px!important;transform:translateY(0)!important}.mobile .projects-page-container .move-down{transform:translateY(0)!important}.left-project{justify-content:start;margin-left:58px}.right-project{flex-direction:row-reverse!important;justify-content:end!important;margin-right:38px}.project-display-container{display:flex;flex-direction:column;height:100%;justify-content:center}.project-display-container .project-display{align-items:center;display:flex;flex-direction:row;gap:24px}.project-display-container .project-display .project-image-display{border-radius:50%;display:flex;flex-direction:column}.project-display-container .project-display .project-image-display .project-image{aspect-ratio:1/1;border-radius:50%;cursor:pointer;height:auto;max-height:35vh;max-width:35vw;width:100%}@media screen and (max-width:900px){.project-display-container .project-display .project-image-display .project-image{max-height:25vh;max-width:25vw}}.project-display-container .project-display .project-info-display{display:flex;flex-direction:column;width:50%}@media screen and (max-width:900px){.project-display-container .project-display .project-info-display{width:70%}}.project-display-container .project-display .project-info-display .project-title-display{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:center;margin-bottom:5px;text-align:center;white-space:nowrap}.project-display-container .project-display .project-info-display .project-title-display .project-title{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--primary-color)!important;background-image:linear-gradient(90deg,var(--primary-color),var(--text-color))!important;background-size:140%;font-size:5vh;font-weight:bolder;vertical-align:middle}.project-display-container .project-display .project-info-display .project-title-display .window-icon{color:var(--text-color);filter:opacity(.5);height:24px}.project-display-container .project-display .project-info-display .project-description-display .project-description{font-size:var(--normal-text-size)}.mobile .project-display .project-info-display .project-title-display{white-space:inherit}.mobile .project-display .project-info-display .project-title-display .project-title{font-size:32pt!important}.container-contacts{flex-direction:column}.container-contacts,.container-contacts .header{align-items:center;display:flex;justify-content:center}.container-contacts .header{flex-direction:row;padding-top:2.5%}.container-contacts .title-display{display:flex;flex-direction:column;font-family:Exo\ 2,sans-serif;font-size:120pt;gap:0;white-space:pre-line}.container-contacts .title-display .big-text{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--primary-color)!important;background-image:linear-gradient(90deg,var(--accent-color),var(--text-color))!important;background-size:140%;font-size:var(--title-text-size);font-weight:700}.container-contacts .contact-display-wrapper{display:flex;flex-direction:row;justify-content:space-evenly;min-height:20vh;padding-left:10%;padding-right:10%;position:absolute;top:50%;transform:translateY(-50%);width:100%}.mobile .container-contacts{margin-bottom:5%;padding:10px}.mobile .container-contacts .title-display .big-text{font-size:60pt}.mobile .container-contacts .contact-display-wrapper{gap:10px;margin:10px;padding-left:0;padding-right:0;position:relative;transform:none}.contact-display-container{display:flex;flex-direction:column;gap:12px}.contact-display-container .image-container{align-items:center;aspect-ratio:1/1;background-color:var(--secondary-color)!important;border-radius:50%;box-shadow:5px 5px 5px #000;display:flex;justify-content:center}.contact-display-container .image-container .picture{height:auto;max-height:27vh;max-width:27vw}.contact-display-container .image-container .clickable{cursor:pointer}.contact-display-container .text{color:var(--text-color);font-size:var(--big-text-size);text-align:center}.mobile .contact-display-container{flex:1 1}.footer{align-items:center;background-color:var(--secondary-color)!important;border-top:2px solid var(--primary-color)!important;bottom:0;display:flex;height:10vh;left:0;padding-left:2%;position:absolute;width:100%}.footer .copyright-display{font-size:x-large}.footer .back-to-top-display{cursor:pointer;font-size:x-large;padding-right:2%;position:absolute;right:0;transform:translateX(-50%)}.mobile .footer{height:7.5vh;padding-left:0!important;position:static;width:100%}.mobile .footer .back-to-top-display{font-size:medium;padding-right:2%!important}.mobile .footer .copyright-display{font-size:medium;padding-left:2%!important}.mobile-page-container{display:flex;flex-direction:column;gap:48px}.mobile-page-container .header{-webkit-text-fill-color:#0000;-moz-text-fill-color:#0000;background-clip:text;-webkit-background-clip:text;-moz-background-clip:text;background-color:var(--primary-color)!important;background-image:linear-gradient(90deg,var(--accent-color),var(--text-color))!important;background-size:140%;font-size:calc(2vw + 3vh);text-align:center}.mobile-page-container .info-text{padding-left:5%;padding-right:5%}.mobile-page-container .hidden{display:inline!important;display:initial!important}#volume-booster-visusalizer{display:none}#root{height:100vh}.dot-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:10px}.dot-wrapper .fade-in{animation:fadeIn .5s ease-out}.dot-wrapper .fade-out{animation:fadeOut .25s ease-out forwards}.dot-wrapper .dot{background-color:gray;border-radius:50%;cursor:pointer;height:10px;margin:5px;transition:background-color .3s ease-in-out;width:10px}.dot-wrapper .dot.active{background-color:var(--accent-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.mobile .project-display{flex-direction:column!important}.mobile .project-display .project-info-display{width:90%}.mobile .project-display .project-info-display .project-title-display .project-title{font-size:24pt}.mobile .project-display .project-info-display .project-description-display .project-description{font-size:16pt}.mobile .left-project{margin-left:0}.mobile .left-project,.mobile .right-project{justify-content:center!important;text-align:center!important}.mobile .right-project{flex-direction:column!important;margin-right:0}
/*# sourceMappingURL=main.42e0672f.css.map*/