@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#010409;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 75%));display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px;position:fixed;transition:transform .3s ease-in-out;width:100%;z-index:10}.navbar,.title{align-items:center}.title{color:#4c8ce6;filter:brightness(120%);font-family:"Montserrat',sans-serif";font-size:1.5rem;font-weight:700;text-shadow:0 0 5px #000}.loader-logo{display:flex;margin:20px}.navbar-item{align-items:center;background-blend-mode:hard-light;display:flex;gap:1.8rem;padding-right:20px;position:fixed;right:0}.menu-items{color:#53608b;font-family:Red Hat Display,sans-serif;font-weight:500;padding:5px;text-transform:uppercase;transition:filter .25s ease 0s}.menu-items,.menu-items a:visited{text-decoration:none}.menu-items:hover{animation-direction:reverse;color:#53608b;-webkit-text-decoration:overline 2px;text-decoration:overline 2px}.navbar-resume-button{align-items:center;background:radial-gradient(ellipse at 40% 0,#bf398949 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096ddea1 0,#0000 75%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398949 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096ddea1 0,#0000 75%));border-radius:10px;box-shadow:-1px 1px 5px #000;box-shadow:0 2px 5px #000;color:#686f85;display:flex;font-family:Red Hat Display,sans-serif;font-size:1.2rem;font-weight:500;gap:8px;height:40px;outline:0;padding:8px;text-align:center;text-transform:uppercase}.navbar-resume-button:hover{background-color:#0f172a;box-shadow:4px 4px 2px #000;transform:translate(-4px,-4px);transition:.5s}.navbar-resume-button:focus-within{outline-offset:5px}.navbar.visible{transform:translateY(0);transition:.6s}.navbar.hidden{transform:translateY(-100%);transition:.6s}.toggle-icon{color:#53608b;font-size:x-large;padding:1.2rem}.toggle-icon:hover{color:#4c8ce6;transform:scale(1.2)}.toggle-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#53608b;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:1}@media screen and (max-width:600px){.navbar{padding:0}}.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background-color:initial;border:0;cursor:pointer;display:inline-block;padding:0;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#4d4d4d;border-radius:30px;height:24px;padding:0;transition:all .2s ease;width:50px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{bottom:0;height:10px;left:8px;line-height:0;margin-bottom:auto;margin-top:auto;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:14px}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{bottom:0;height:10px;line-height:0;margin-bottom:auto;margin-top:auto;position:absolute;right:10px;top:0;width:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:#fafafa;border:1px solid #4d4d4d;border-radius:50%;box-sizing:border-box;height:22px;left:1px;position:absolute;top:1px;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease;width:22px}.react-toggle--checked .react-toggle-thumb{border-color:#19ab27;left:27px}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}.toggle{background:radial-gradient(ellipse at 60% 0,#33001fc4 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096dde3a 0,#0000 100%),radial-gradient(ellipse at 40% 0,#000408 0,#0000 100%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 60% 0,#33001fc4 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096dde3a 0,#0000 100%),radial-gradient(ellipse at 40% 0,#000408 0,#0000 100%));background-color:#fff;background-color:#010409;border-radius:20px 0 0 20px;height:100%;position:absolute;right:0;width:80%}.toggle-header{color:#a6b1d4;display:flex;font-size:2rem;justify-content:end;padding:10px;width:90%}.toggle-items{color:#a6b1d4;font-family:Red Hat Display,sans-serif;height:100lvh;justify-content:space-between;padding:10%;text-decoration:none;text-transform:uppercase;transition:filter .25s ease 0s}.toggle-items,.toggle-items__menu{display:flex;flex-direction:column;font-weight:700;gap:10px}.toggle-items__menu{font-size:1.5rem;padding:2rem}.toggle__icon__container{color:#4c8ce6;display:flex;gap:5px;margin-top:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toggle__icon{align-items:center;font-size:4vmin;font-weight:900;padding:10px;position:relative}#tsparticles{left:0;margin:0;padding:0;position:fixed;top:0;z-index:-20;z-index:-10}.app__body{padding-top:10%;scroll-behavior:smooth}.App{display:flex;flex-direction:column;gap:2rem}.About{align-items:center;display:flex;padding-bottom:5rem}.intro{display:flex;flex-direction:column}.intro__greeting{color:#ccd6f6;font-family:Helvetica,sans-serif;margin-bottom:0;margin-top:0;padding-top:40px;width:75%}.intro__name{color:#4c8ce6;font-family:"Montserrat',sans-serif";font-size:500%;margin-bottom:0;margin-top:0;opacity:1;width:-webkit-max-content;width:max-content}.intro__tagline{color:#686f85;font-size:500%;margin:0}.intro__description,.intro__tagline{font-family:Poppins,sans-serif;width:75%}.intro__description{color:#42485a;font-size:120%;text-align:justify}.next-page__arrow{animation:bouncing 1.5s ease-in-out infinite;bottom:0;color:#4c8ce6;display:block;height:90px;left:90%;margin-left:-25px;position:absolute;transition:.2s;width:90px}.arrow :hover{color:#ccd6f6;width:90px}@keyframes bouncing{0%{bottom:0}50%{bottom:20px}to{bottom:0}}.location{color:#ccd6f6;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.About__sticker{filter:contrast(90%) brightness(30%)}.intro__container__icon{color:#4c8ce6;display:flex;gap:5px;margin-top:50px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro__icon{align-items:center;font-size:2vmin;font-weight:900;padding:10px;position:relative}.intro__icon:hover{animation-duration:.1s;color:#ccd6f6;transform:scale(1.1);transition:.5s}@media (max-width:900px){.About__sticker{display:none}.About{align-content:center;margin-top:25%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.About,.intro{align-items:center}.intro{display:flex;flex-direction:column;gap:10px;width:100%}.intro__name{font-size:10vmin;letter-spacing:3px;padding-top:2%}.intro__tagline{font-size:2rem;word-spacing:5px}.temp_about{width:-webkit-min-content;width:min-content;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.intro__description{font-size:1rem}.intro__container__icon{gap:5px}.intro__icon{font-size:2rem}}.inventory{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-left:5%;margin-right:5%}.inventory__about{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.pic{height:400px;width:30px}.tilt__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#030509;border:1px solid #4c8ce6;border-radius:10px;height:100px;width:100px}.tilt__title{align-items:center;color:#fff}.test{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (max-width:600px){.inventory{margin-left:0;margin-right:10px}}.skill-container{display:flex;flex-direction:column;width:100%}.skill__level{align-items:center;background-color:aqua;display:flex;height:2px;justify-content:center;width:100%}.skill-container__title{color:#686f85;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:40px;font-weight:900;padding-bottom:5%;padding-left:10px;text-align:center;width:100%}.skill-container__Cards{display:flex;justify-content:space-between}.skills__Card{-webkit-backdrop-filter:blur(10);backdrop-filter:blur(10);background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 75%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 75%));border-radius:10px;box-shadow:0 0 10px #01010c;color:#000;filter:contrast(120%);margin:10px;padding:2rem}.skills__title{color:#f0f8ff;font-size:60%;padding-left:2px}.skill_grid{background:#0000;display:flex;flex-basis:calc(33.33% - 20px);flex-grow:0;flex-shrink:0;flex-wrap:wrap}.skill_name{background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%));border:1px solid #0000;border-radius:5px;color:#bec4d696;filter:contrast(120%);font-weight:500;margin:3px;padding:5px}@media screen and (max-width:1062px){.skill-container__Cards{flex-direction:column;transition-property:all}}.projects{animation-duration:10s;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;padding-bottom:10rem;scroll-behavior:smooth;text-align:center}.projects__title{color:#686f85;font-size:3rem;margin-bottom:10rem;margin-top:5rem}.project__description{color:#4c8ce6;font-size:.9rem}.scroll-animation{transition:.5s}.projects__grid{grid-gap:2rem;grid-row-gap:8rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:20px;row-gap:8rem}.project__card{background-color:#2b2b2b;background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 75%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 75%));border-radius:1.2rem;color:#fff;flex-direction:column;height:100%;padding:2rem 1.8rem;transition:all .25s ease 0s}.project__card,.project__card__header{display:flex;justify-content:space-between}.project__card__header{align-items:center;color:#f0f8ff;color:var(--blue);margin-bottom:1rem}.header-icon{color:#f0f8ff;font-size:20px;padding:.5rem}.header-icon:hover{color:#4c8ce6;transform:scale(1.5)}.project__banner{aspect-ratio:2;border-radius:20px;filter:contrast(1.3);width:100%}.project-tech{align-items:center;display:flex;justify-content:center;width:100%}.project-tech__name{color:#f0f8ff;padding:5px}.project-tech__name:hover{color:#4c8ce6;text-decoration:overline}@media screen and (max-width:1022px){.projects__grid{gap:2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;row-gap:8rem}}@media screen and (max-width:764px){.projects__grid{gap:2rem;grid-template-columns:repeat(1,1fr);grid-template-rows:auto;row-gap:8rem}}.card{background-color:#030509;border:1px solid #4c8ce614;border-radius:10px}.others{margin-top:5rem}.others-title{color:#686f85;font-size:3rem;font-weight:600;padding:5rem;text-align:center}.others-grid{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(7,minmax(20rem,30rem));overflow-x:scroll;padding:2rem}.others__card{color:#f0f8ff;font-size:.5rem;padding:1rem}.footer{background-color:#000;background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%));border-top:1px solid #4c8ce6;padding:2rem}.footer_container{align-items:center;display:flex;justify-content:center;width:100%}.footer_addendum{color:#f0f8ff;display:flex;font-family:Red Hat Display,sans-serif;font-size:smaller;font-weight:100;justify-content:space-between;text-align:left;text-align:initial;width:70%}.footer__list{color:#f0f8ff;font-size:min(calc(1rem*15/(var(--system-dimension-fontSizeDynamic) + 0.167*var(--system-dimension-fontSizeDifference))),15px);gap:1rem;list-style:none;padding-left:0}.footer__list,.footer_logo{align-items:center;display:flex}.footer_logo{background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%));border-radius:50%;color:#4c8ce6;font-size:2rem;justify-content:center;padding:.5rem}.footer_logo:hover{background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 50%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 50%));color:#4c8ce6;transform:scale(1.2);transition:.5s}@media (max-width:1022px){.footer_addendum{flex-direction:column;flex-direction:column-reverse}.footer__list,.footer_addendum{align-items:center;justify-content:center;text-align:center}.footer__list{flex-direction:row}.footer_logo{margin-bottom:1rem}}body{margin:0}.contact-form-container{align-items:center;display:flex;height:100vh;justify-content:center;padding:20px}.contact-form{background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%));border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;min-width:400px;padding:30px}.contact-form h2{color:#333;text-align:center}.contact-form form{display:flex;flex-direction:column}.input-container{margin-bottom:25px;position:relative;width:100%}.input-container input,.input-container textarea{background:radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398910 0,#0000 100%),radial-gradient(ellipse at 60% 0,#096bde10 0,#0000 100%));border:1px solid #ccc;border-radius:5px;color:#aaa;padding:10px;resize:none;transition:border-color .3s;width:95%;z-index:1}.input-container input:focus,.input-container textarea:focus{border-color:#0000;outline:none}.input-container label{color:#aaa;font-size:14px;left:10px;pointer-events:none;position:absolute;top:12px;transition:top .3s,font-size .3s;z-index:2}.input-container input:focus+label,.input-container input:valid+label,.input-container.focused label{font-size:12px;top:-10px}.contact-form button{background:radial-gradient(ellipse at 40% 0,#bf398949 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096ddea1 0,#0000 75%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 40% 0,#bf398949 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096ddea1 0,#0000 75%));border:none;border-radius:5px;color:#ccc;cursor:pointer;font-size:larger;font-weight:700;margin-top:10px;padding:10px;transition:background-color .3s}.contact-form button:hover{background:radial-gradient(ellipse at 30% 50%,#bf398949 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096ddea1 0,#0000 75%);background:var(--light-grad-pink-blue,radial-gradient(ellipse at 30% 50%,#bf398949 0,#0000 75%),radial-gradient(ellipse at 60% 0,#096ddea1 0,#0000 75%))}.contact-form button[type=button]{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px;transition:background-color .3s}
/*# sourceMappingURL=main.a92a5632.css.map*/