:root{--background-color:#fff;--text-color:#000;--x:50%;--y:50%;--r:100vmax}[data-theme=dark]{--background-color:#222;--text-color:#fff}html{view-transition-name:root}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:grow-from-click .8s cubic-bezier(.4,0,.2,1);z-index:9999}::view-transition-old(root){z-index:1}@keyframes grow-from-click{0%{clip-path:circle(0 at 50% 50%);clip-path:circle(0 at var(--x) var(--y))}to{clip-path:circle(max(100vmax,150vmax) at 50% 50%);clip-path:circle(max(var(--r),150vmax) at var(--x) var(--y))}}*{box-sizing:border-box;font-family:Roboto,sans-serif}*,body{margin:0;padding:0}body{background-color:#fff;background-color:var(--background-color);color:#000;color:var(--text-color);height:100vh;overflow:hidden;width:100vw}h2{margin:0}@media(max-width:716px){body{padding:0}}.switch{display:inline-block;position:relative;z-index:999}.switch__input{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.switch__label{background-color:#2b2b2b;border:5px solid #5b5b5b;border-radius:9999px;box-shadow:0 0 5px #00000080,0 0 10px #7be08b,0 0 20px #e09545;cursor:pointer;display:inline-block;height:40px;position:relative;transition:all .4s cubic-bezier(.46,.03,.52,.96);width:80px}.switch__indicator{background-color:#7b7b7b;border-radius:9999px;box-shadow:inset 10px 0 0 0 #0003;display:block;height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) translateX(-72%);width:30px}.switch__indicator:after,.switch__indicator:before{background-color:#fff;border-radius:9999px;content:"";display:block;position:absolute}.switch__indicator:before{height:9px;left:7px;opacity:.6;top:7px;width:9px}.switch__indicator:after{bottom:8px;height:14px;opacity:.8;right:6px;width:14px}.switch__decoration{animation:twinkle .8s -.6s infinite;left:50%;top:65%}.switch__decoration,.switch__decoration:after,.switch__decoration:before{background-color:#fff;border-radius:9999px;display:block;height:5px;position:absolute;width:5px}.switch__decoration:after,.switch__decoration:before{content:""}.switch__decoration:before{animation:twinkle .6s infinite;left:10px;opacity:1;top:-20px}.switch__decoration:after{animation:twinkle .6s -.2s infinite;left:30px;top:-7px}.switch__input:checked+.switch__label{background-color:#8fb5f5;border-color:#347cf8}.switch__input:checked+.switch__label .switch__indicator{background-color:#ecd21f;box-shadow:none;transform:translate(-50%,-50%) translateX(72%)}.switch__input:checked+.switch__label .switch__indicator:after,.switch__input:checked+.switch__label .switch__indicator:before{display:none}.switch__input:checked+.switch__label .switch__decoration{animation:cloud 8s linear infinite;height:20px;top:50%;transform:translateY(-50%);width:20px}.switch__input:checked+.switch__label .switch__decoration:before{animation:none;bottom:0;height:10px;left:-8px;top:auto;width:10px}.switch__input:checked+.switch__label .switch__decoration:after{animation:none;bottom:0;height:15px;left:16px;top:auto;width:15px}.switch__input:checked+.switch__label .switch__decoration,.switch__input:checked+.switch__label .switch__decoration:after,.switch__input:checked+.switch__label .switch__decoration:before{border-radius:9999px 9999px 0 0}.switch__input:checked+.switch__label .switch__decoration:after{border-bottom-right-radius:9999px}@keyframes twinkle{50%{opacity:.2}}@keyframes cloud{0%{transform:translateY(-50%)}50%{transform:translate(-50%,-50%)}to{transform:translateY(-50%)}}.switch__indicator,.switch__indicator:after,.switch__indicator:before{transition:all .4s cubic-bezier(.46,.03,.52,.96)}.app-bar{background-color:#0000;padding-left:0;padding-right:0}.app-bar .title{font-family:monospace;font-weight:700;text-decoration:none}.app-bar .menu-button{align-items:center;display:flex}.app-bar .menu-button .icon{color:inherit}.app-bar .nav-button{display:block}.app-bar .user-button{padding:0}.app-bar .user-menu{margin-top:45px}.app-bar .menu-item{text-align:center}.vertical-tabs-container{display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:0;top:0}.vertical-tabs{cursor:pointer}.css-1r7avug-MuiButtonBase-root-MuiTab-root.Mui-selected{color:#8c63e0!important}.css-3sx0hq-MuiTabs-indicator,.css-dyzi1o-MuiTabs-indicator{background-color:#8c63e0!important}.css-1h9z7r5-MuiButtonBase-root-MuiTab-root.Mui-selected{color:#8c63e0!important}.css-10d9dml-MuiTabs-indicator{background-color:#8c63e0!important;width:2px}.vertical-tabs-popup{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;transition:transform .3s ease-in-out}.arrow{cursor:pointer;display:none}@media(max-width:716px){.vertical-tabs-container{height:auto;position:static}.vertical-tabs-popup{background-color:var(--popup-background);border-radius:5px 0 0 5px;box-shadow:-2px 0 5px #e09545;position:fixed;right:2px;top:50%;transform:translateX(100%);z-index:1000}.vertical-tabs-popup.open{transform:translateX(0)}.arrow{animation:moveArrow 1s infinite alternate;background-color:var(--popup-background);border-radius:5px 0 0 5px;box-shadow:-2px 0 5px #7be08b;display:block;left:-2px;padding:8px;position:absolute;transform:rotate(180deg)}.vertical-tabs-popup.open .arrow{transform:rotate(0deg)}@keyframes moveArrow{0%{left:-24px}to{left:-28px}}.vertical-tabs-popup-background{background-color:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:999}}[data-theme=dark]{--popup-background:#121212;--popup-shadow:#000}[data-theme=light]{--popup-background:#fff;--popup-shadow:#8c63e0}.container{--circleDiameter:480px;--planets:calc(var(--circleDiameter)/5);align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.intro-text{margin-bottom:20px;position:relative;text-align:center;transform:translateY(-20px);z-index:10}.intro-text h2,.intro-text h3{margin:5px 0;text-align:center}.social-icon{align-items:center;animation:scale 1s linear infinite alternate;border:5px solid #7be08b;border-radius:50%;display:flex;justify-content:center}.social-link{color:inherit;text-decoration:none}[data-theme=light] .social-icon{background-color:#fff}[data-theme=dark] .social-icon{background-color:#000}.social-icon>svg{height:80%;width:100%}.hero-circle{height:var(--circleDiameter);position:relative;width:var(--circleDiameter)}.inner-img{border-radius:50%;height:90%;left:50%;max-height:380px;max-width:380px;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.hero-rotate{animation:rotate 55s linear infinite;border:7px solid #e09545;height:100%;position:relative;width:100%}.hero-rotate,.planet{border-radius:100%;box-shadow:0 0 5px #00000080,0 0 10px #7be08b,0 0 20px #e09545}.planet{animation:maintain 30s linear infinite;aspect-ratio:1;position:absolute;width:var(--planets)}.planet:first-child{left:calc(var(--circleDiameter)/2 - var(--planets)/2 - 5px);top:calc(var(--planets)*-1/2)}.planet:nth-child(2){right:calc(var(--planets)*-1/2)}.planet:nth-child(2),.planet:nth-child(3){top:calc(var(--circleDiameter)/2 - var(--planets)/2 - 5px)}.planet:nth-child(3){left:calc(var(--planets)*-1/2)}.planet:nth-child(4){bottom:calc(var(--planets)*-1/2);left:calc(var(--circleDiameter)/2 - var(--planets)/2 - 5px)}@media screen and (max-width:716px){.container{--circleDiameter:280px;--planets:calc(var(--circleDiameter)/5);margin-bottom:50px}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes maintain{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}@keyframes scale{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes drop{0%{opacity:0;top:5px}30%{opacity:1;top:10px}to{opacity:0;top:25px}}.skills-container{align-items:center;display:flex;flex-direction:column;font-family:Verdana,sans-serif;justify-content:center;margin:0;min-height:100%;padding:20px 0;width:100%}.skills-grid{margin-top:20px;max-width:1200px;padding:0 5vw;width:100%}@media (max-width:600px){.skills-grid{padding:0 10px}}.card{background:#80808033;border-radius:10px;overflow:hidden;padding:3px;position:relative;transition:transform .3s ease-in-out}.inner{-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);background:none;border-radius:7px;padding:15px;text-align:center}@media (max-width:600px){.inner{padding:10px}.inner h5{font-size:1rem}.inner svg{height:32px;width:32px}}.blob{background:#7be08b;filter:blur(40px);height:250px;opacity:0;transition:all .3s ease-in-out;width:250px}.blob,.fakeblob{border-radius:50%;position:absolute;z-index:-1}.fakeblob{display:hidden;height:200px;width:200px}.card-project{overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1);width:60vw}.card-project img{width:60vw}.card-project svg{fill:#333;transition:all .6s cubic-bezier(.23,1,.32,1);width:48px}.card-project:hover{transform:rotate(-5deg) scale(1.1)}[data-theme=light] .card-project__content{background-color:#fff;color:#fff}[data-theme=dark] .card-project__content{background-color:#333;color:#fff}.card-project__content{box-sizing:border-box;height:100%;left:50%;opacity:0;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-45deg);transition:all .6s cubic-bezier(.23,1,.32,1);width:100%}.card-project:hover .card-project__content{opacity:1;transform:translate(-50%,-50%) rotate(0deg)}[data-theme=light] .card-project__title{color:#333}[data-theme=light] .card-project__description{color:#777}[data-theme=dark] .card-project__title{color:#fff}[data-theme=dark] .card-project__description{color:#ccc}.card{width:100%}.email-container,.phone-container{align-items:center;display:flex;margin-bottom:8px}.icon{margin-right:8px}.email,.phone{color:#6b6b6b}.container-project{background:#0000;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,.438);overflow:hidden;position:relative;transition:box-shadow .3s ease,height .6s ease}.container-project:hover{box-shadow:0 0 10px 0 #e09545,0 0 20px 5px #7be08b}@media screen and (max-width:600px){.container-project:hover{box-shadow:0 0 10px 0 #e09545,0 0 20px 5px #7be08b;font-size:9px}}.container-project:hover:after,.container-project:hover:before{opacity:.6}.card-project{height:auto}.css-1v5z4dq-MuiPaper-root-MuiCard-root,.css-v4sxju-MuiPaper-root-MuiCard-root{background-color:initial!important}.card-project{align-items:center;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border-radius:10px;cursor:default;display:flex;height:100%;justify-content:center;letter-spacing:2px;padding:1vw;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%;z-index:2}.container-project:after,.container-project:before{border-radius:50%;content:"";height:500px;position:absolute;transition:.5s linear;width:500px}.container-project:after{animation:animFirst 5s linear infinite;background-color:#7be08b;left:-70px;opacity:0;top:-70px}.container-project:before{animation:animSecond 5s linear infinite;animation-delay:3s;background-color:#e09545;left:80%;opacity:0;top:70%;z-index:1}.css-69i1ev{margin-top:50px}@media (max-width:1200px){.container-project:after{left:-15px}.container-project:before{left:65%}}@media (max-width:992px){.container-project:after{left:-10px}.container-project:before{left:60%}}@media (max-width:768px){.container-project:after{left:-50px}.container-project:before{left:55%}}@media (max-width:576px){.container-project:after{left:-50px}.container-project:before{left:50%}}.container-project{box-shadow:0 0 10px 0 #e09545,0 0 20px 5px #7be08b}.container-project:hover:after{left:80%;opacity:.3;transform:scale(1.2)}.container-project:hover:before{left:-80px;opacity:.3;transform:scale(1.2)}@keyframes animFirst{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@keyframes animSecond{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}video{width:60vw}.card-project-glass{position:relative;transition:all .3s ease;z-index:2}.card-project-glass .projectanimate1,.card-project-glass .projectanimate2{border-radius:50%;filter:blur(80px);height:600px;pointer-events:none;position:absolute;transition:1s linear;width:600px;z-index:-1}.card-project-glass .projectanimate1{animation:animFirstGlassProj 15s linear infinite alternate;background-color:#8c63e0;left:-150px;opacity:.2;top:-200px}.card-project-glass .projectanimate2{animation:animSecondGlassProj 20s linear infinite alternate;background-color:#7be08b;bottom:-200px;opacity:.15;right:-150px}.card-project-glass:hover .projectanimate1{opacity:.3;transform:scale(1.1) translate(50px,50px)}.card-project-glass:hover .projectanimate2{opacity:.25;transform:scale(1.1) translate(-50px,-50px)}@keyframes animFirstGlassProj{0%{transform:translateY(0) scale(1)}to{transform:translateY(100px) scale(1.2)}}@keyframes animSecondGlassProj{0%{transform:translateY(0) scale(1)}to{transform:translateY(-100px) scale(1.2)}}.card-contact{position:relative;transition:all .3s ease;z-index:2}.card-contact .contactanimate1,.card-contact .contactanimate2{border-radius:50%;filter:blur(80px);height:600px;pointer-events:none;position:absolute;transition:1s linear;width:600px;z-index:-1}.card-contact .contactanimate1{animation:animFirstGlass 15s linear infinite alternate;background-color:#7be08b;left:-150px;opacity:.2;top:-200px}.card-contact .contactanimate2{animation:animSecondGlass 20s linear infinite alternate;background-color:#e09545;bottom:-200px;opacity:.15;right:-150px}.card-contact:hover .contactanimate1{opacity:.3;transform:scale(1.1) translate(50px,50px)}.card-contact:hover .contactanimate2{opacity:.25;transform:scale(1.1) translate(-50px,-50px)}@keyframes animFirstGlass{0%{transform:translateY(0) scale(1)}to{transform:translateY(100px) scale(1.2)}}@keyframes animSecondGlass{0%{transform:translateY(0) scale(1)}to{transform:translateY(-100px) scale(1.2)}}[data-theme=light] .contact-form .MuiOutlinedInput-root{background:#ffffff80}[data-theme=dark] .contact-form .MuiOutlinedInput-root{background:#0003}.contact-form .MuiOutlinedInput-root{border-radius:8px;transition:all .3s ease}.contact-form .MuiOutlinedInput-root:hover{background:#8c63e00d}.contact-form .MuiOutlinedInput-root.Mui-focused{background:#8c63e00d;box-shadow:0 0 0 2px #8c63e033}.full-page-section{align-items:center;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:transform .8s cubic-bezier(.8,0,.2,1),opacity .8s cubic-bezier(.8,0,.2,1),filter .8s cubic-bezier(.8,0,.2,1);width:100vw;will-change:transform,opacity,filter}.full-page-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;padding-top:70px;width:100%}.full-page-content::-webkit-scrollbar{display:none}@media(min-height:900px){.full-page-content{justify-content:center;padding-top:0}}.section--above{filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(-5%) scale(.9);z-index:10}.section--active{filter:blur(0);opacity:1;pointer-events:auto;transform:translateY(0) scale(1);z-index:20}.section--below{opacity:0;pointer-events:none;transform:translateY(100%);z-index:30}
/*# sourceMappingURL=main.67286a1a.css.map*/