.line-break{margin-bottom:50%}.animated-text:after{content:"|";animation:cursor-blink 1.5s infinite step-start;margin-left:5px}.animated-text{margin:5.5rem 0 0 3%;align-self:top;position:relative;color:#fff;font-size:1.4rem;font-family:monospace;white-space:pre-wrap;overflow:hidden}@media screen and (min-width: 768px){.animated-text{margin-top:8rem}}.cursor{display:inline-block;width:10px;background-color:#d40a0a;animation:cursor-blink .7s infinite step-start;vertical-align:bottom}@keyframes cursor-blink{50%{opacity:0}}.home-container{height:100vh}.home-text-container{background-color:#0a0a23;margin:0;height:100%;display:flex;justify-content:start;align-items:start;color:#fff}.home-skip-button{position:absolute;bottom:40px;right:40px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.6rem;z-index:10;font-weight:700;transition:all .2s;padding:10px 20px;border:1px solid transparent;display:flex;align-items:center}@media screen and (min-width: 768px){.home-skip-button{font-size:1rem}}.home-skip-button:hover{background:#c4e201}.home-skip-button>svg{width:22px;margin-left:10px;transition:transform .3s ease-in-out}@media screen and (min-width: 768px){.home-skip-button>svg{width:34px}}.home-skip-button:hover svg{transform:translate(5px)}.home-skip-button:active{transform:scale(.95)}.section{width:100vw;height:100%;padding:2rem;max-width:1536px;display:flex;flex-direction:column;align-items:start}.section.center{justify-content:center}.section.mobile-top{justify-content:flex-start}@media (min-width: 768px){.screen-container.mobile-top{justify-content:center}}.container-container{display:flex;flex-direction:column;align-items:center;width:100vw;margin:0;padding:0}.container>div{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ccc;overflow:hidden}.container-about-section{top:0;height:100vh;margin:0;padding:0}.test-test{height:600vh;overflow:hidden}.container-education-section,.container-work-section{background-color:#e6e7ff}.container-skills-section{margin:0;padding-top:10vh;background-color:#e6e7ff}.container-projects-section{height:100vh;margin:0;padding:0}.container-contact-section{margin:0;padding:0}.contact-caption{margin:10rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.contact-caption>p{margin:20px;font-size:1.5rem;color:#1f18a7;font-weight:700;font-family:Lobster,cursive}.education-section{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.education-grid{display:flex;justify-content:space-around;flex-wrap:wrap}.education-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media screen and (min-width: 768px){.education-box h3{font-size:1.2rem;margin:1rem}.education-box p{font-size:1rem;margin:1rem}}.education-box h3{font-size:.8rem;margin:1rem}.education-box p{font-size:.6rem;margin:1rem}.work-section{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.work-grid{display:flex;flex-wrap:wrap;justify-content:space-between}.work-box{margin-bottom:10px;text-align:center}.work-title{font-size:1rem;font-weight:700}.work-box h3{font-size:.8rem;margin:.7rem}.work-box p{font-size:.6rem;margin:.7rem}.work-box li{font-size:.6rem}@media screen and (min-width: 768px){.work-title{font-size:1.3rem}.work-box li{font-size:1rem}.work-box{margin-bottom:20px;text-align:center}.work-box h3{font-size:1.2rem;margin:1rem}.work-box p{font-size:1rem;margin:1rem}}.aboutSection-Intro{font-size:2.25rem;font-weight:800;line-height:1.375;margin-top:2rem;color:#fff}@media screen and (min-width: 768px){.aboutSection-Intro{font-size:3.75rem;margin-top:0;color:#000}}.aboutSection-Intro-Name{background-color:#fff;padding-left:.25rem;padding-right:.25rem;font-style:italic;color:#000}.aboutSection-description{font-size:1.125rem;color:#0f1013;background-color:#fff9;border-radius:12px;padding:.5rem;margin-top:1rem}.aboutSection-caption{display:flex;justify-content:center;align-items:center}.aboutSection-caption>p{font-weight:700;font-size:1.125rem;color:#e08c39;background-color:#06050533;border-radius:12px;padding:.5rem;font-family:Trattatello,"fantasy";text-shadow:20px 20px 20px rgba(0,0,0,.9);text-align:center}.aboutSection-button{background-color:#4f46e5;color:#fff;padding:1rem 2rem;border-radius:.5rem;font-weight:700;font-size:1.125rem;margin-top:1rem}@media screen and (min-width: 768px){.aboutSection-button{margin-top:4rem}}.test-skills{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.skill-display{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.skill-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.skill-content h2{padding:1rem;font-size:.8rem}@media screen and (min-width: 577px){.skill-content h2{font-size:1.2rem}}@media screen and (min-width: 768px){.skill-content h2{font-size:1.5rem}}.skills-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.languages-section-content{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.language-box{width:100%;display:flex;justify-content:center;align-items:center}.language-title-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center}.language-title-content-first{display:flex;align-items:center}.language-title-content-first img{margin:1rem}.language-title-content-second{width:100%;display:flex;align-items:center;justify-content:center}.language-title-content-second p{width:100%;font-size:.8rem}@media screen and (min-width: 577px){.language-title-content-second p{font-size:1.1rem}}@media screen and (min-width: 768px){.language-title-content-second p{font-size:1.3rem}}.skills-container,.languages-container{margin-top:2rem;gap:1rem}.languages-container{display:flex;justify-content:space-around;width:100%}.skills-title,.languages-title{font-size:1rem;font-weight:700}@media screen and (min-width: 577px){.skills-title,.languages-title{font-size:1.5rem}}@media screen and (min-width: 768px){.skills-title,.languages-title{font-size:1.7rem}}.skill-box,.language-box{width:4rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-title,.language-title{font-size:.5rem;font-weight:700;color:#1f2937}@media screen and (min-width: 577px){.skill-box,.language-box{width:10rem}.skill-title,.language-title{font-size:.9rem}}@media screen and (min-width: 768px){.skill-title{font-size:1.3rem}}.skill-icon{height:48px;width:48px;padding:0;margin:0}.languages-title{margin-top:2.5rem}.contact-title{font-size:1.875rem;font-weight:700}@media screen and (min-width: 768px){.contact-title{font-size:3rem}}@media screen and (max-width: 768px){.contact-main-container{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (max-width: 768px){.contact-caption{display:none}}.contact-form{margin-top:2rem;padding:2rem;border-radius:.375rem;background-color:#ffffff80;width:20rem;max-width:100%}@media screen and (min-width: 768px){.contact-form{width:24rem}}.success-message{color:#1f2937;text-align:center}.form-label{font-weight:500;color:#1f2937;display:block;margin-bottom:.25rem}.form-input,.form-textarea{display:block;width:100%;border-radius:.375rem;border:none;color:#1f2937;box-shadow:0 1px 2px #0000001a;border:1px solid #d1d5db;padding:.75rem}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-textarea:focus{outline:none;box-shadow:0 0 0 2px #4338ca80}.form-textarea{height:8rem}.error-message{margin-top:.25rem;color:#ef4444}.submit-button{background-color:#4f46e5;color:#fff;padding:1rem 2rem;border-radius:.5rem;font-weight:700;font-size:1.125rem;margin-top:4rem;cursor:pointer}.submit-button:disabled{opacity:.5;cursor:not-allowed}.menu-button{z-index:20;position:fixed;top:1rem;right:1rem;padding:.75rem;background-color:#4f46e5;width:2.75rem;height:2.75rem;border-radius:.375rem}@media screen and (min-width: 768px){.menu-button{top:3rem;right:3rem}}.menu-bar{background-color:#fff;height:.125rem;border-radius:.375rem;width:100%;transition:all .3s ease}.menu-bar.bar-rotate45{transform:rotate(45deg) translateY(.125rem)}.menu-bar.hidden{display:none}.menu-bar.bar-rotate-45{transform:rotate(-45deg)}.hidden{display:none}.menu-container{z-index:10;position:fixed;top:0;right:0;bottom:0;background-color:#fff;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.menu-open{width:100%}@media screen and (min-width: 768px){.menu-open{width:20rem}}.menu-closed{width:0}.menu-content{flex:1;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:1.5rem;padding:2rem}.menu-button-label{font-size:1.5rem;font-weight:700;cursor:pointer;transition:color .3s ease}.menu-button-label:hover{color:#4f46e5}.cursor-outline{z-index:50;position:fixed;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;transition:transform .3s ease;visibility:hidden}@media (min-width: 768px){.cursor-outline{visibility:visible}}.cursor-outline-hover{background-color:transparent;border:2px solid #312e81;width:1.25rem;height:1.25rem}.cursor-outline-default{background-color:#6366f1;width:.75rem;height:.75rem}.project-container{display:flex;flex-direction:column;width:100%;margin:15% 0 0;gap:1.5rem;align-items:center;justify-content:center}.project-container-buttons{display:flex;width:100%;gap:2rem;align-items:center;justify-content:center}.project-button{transition:color .3s ease;cursor:pointer}.project-button:hover{color:#4f46e5}.btn-github{cursor:pointer;display:flex;gap:.5rem;border:none;transition:all .5s cubic-bezier(.165,.84,.44,1);border-radius:100px;font-weight:800;place-content:center;padding:.75rem 1rem;font-size:.825rem;line-height:1rem;background-color:#000;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff0a;color:#fff}.btn-github:hover{box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #fce80314;color:green;transform:translateY(-.25rem);background-color:#00000080}.project-title{font-size:3rem;font-weight:700}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;align-items:center;justify-content:center;background-color:#eef2ff;transition:opacity 1s ease;pointer-events:none;display:flex;flex-direction:column}.loading-fade-in{opacity:1}.loading-fade-out{opacity:0}.loading-text{font-size:2.25rem;font-weight:700;color:#312e81;position:relative}@media (min-width: 768px){.loading-text{font-size:6rem}}.loading-progress{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;transition:all .5s ease}.loading-overlay{opacity:.4}.loading-message{font-size:.8rem;font-weight:700;color:#0f1013;text-align:center}@media screen and (min-width: 768px){.loading-message{font-size:1.2rem}}.contacts-link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 768px){.contacts-link{justify-content:left}}.contacts-link-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.contacts-link-content-1{font-weight:700}.contacts-yes{color:#fff}.contacts-no{color:#000}#root{width:100vw;height:100vh}body{margin:0}