body{background-color:#000;color:#fff;font-size:16px;font-family:Arial,Helvetica,sans-serif;margin:90px 30px 30px}.nav-container{display:flex;justify-content:space-around;align-items:center;margin:0 0 10px;background-color:#171717;position:fixed;top:0;right:0;left:0;height:70px;z-index:1000;transition:background-color .3s ease}.nav-container.mobile.open{flex-direction:column;position:fixed;justify-content:flex-start;align-items:center;top:70px;right:0;left:auto;text-align:center;width:40vw;min-width:250px;height:auto;padding:20px 0;gap:10px}.nav-container.mobile{display:none;justify-content:space-between}.nav-container.mobile p{margin-left:20px;font-size:1.5rem;font-family:fantasy;color:#fff;transition:color .3s ease}.mobile-controls{display:flex;align-items:center;gap:10px}.nav-item{text-decoration:none;color:#fff;font-size:1.1rem;font-weight:600;padding:10px 15px;border-radius:50px;background-color:transparent;transition:all .3s ease-out}.nav-item:hover{font-size:1.2rem;color:#171717;background-color:#fff;transform:translateY(-2px)}.nav-item:active{font-size:1.2rem;text-decoration:none;color:#aba5ff;background-color:#f0f0f0;transform:translateY(0);animation:none}.hamburger-menu{background:none;border:none;cursor:pointer;padding:0 10px;margin-right:10px;z-index:1001}.hamburger-menu:active{opacity:.4}.hamburger-menu .bar{width:30px;height:3px;background-color:#fff;margin:5px 0;transition:all .3s cubic-bezier(.2,.8,.2,1)}.hamburger-menu.open .bar:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.open .bar:nth-child(2){opacity:0}.hamburger-menu.open .bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.8rem;padding:5px;margin:0 10px;transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.1) rotate(10deg)}.theme-toggle:active{transform:scale(.9)}html.light-mode .nav-container{background-color:#fff;border-bottom:1px solid #ddd}html.light-mode .nav-container.mobile p,html.light-mode .nav-item{color:#000}html.light-mode .nav-item:hover{color:#fff;background-color:#171717}html.light-mode .hamburger-menu .bar{background-color:#000}@media (max-width: 768px){.nav-container.pc{display:none}.nav-container.mobile{display:flex}}.footer-container{background-color:#7c95ad;color:#000;text-align:center;font-size:.9rem;margin:10vw 0 0}.footer-content{display:flex;flex-direction:column;align-items:center}.footer-content p{animation:bounceColor 2s infinite ease-in-out;font-weight:700}@keyframes bounceColor{0%,to{transform:translateY(0);color:#000}25%{transform:translateY(-5px);color:#97280f}50%{transform:translateY(5);color:#1e752e}75%{transform:translateY(-5);color:#15225d}}@keyframes anim-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.appear{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.appear.active{opacity:1;transform:translateY(0)}.main-flex-container{display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto;padding:5vh 5vw;box-sizing:border-box}.hello{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:3rem}.hello h1{font-size:clamp(2.5rem,5vw,3.5rem);color:#fff;margin:0 0 1rem;padding:0}.hello p{font-size:clamp(1rem,2vw,1.15rem);color:#ccc;margin:0 0 .5rem;padding:0;line-height:1.6}.hello p.highlight{color:#ff1493;font-weight:700;margin-top:1rem}.main-buttons-title{font-size:clamp(1rem,3vw,1.2rem);font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.1rem;margin:2.5rem 0 1rem;align-self:center}.main-buttons-container{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:100%;gap:1rem}.main-button{display:block;text-decoration:none;color:#fff;font-size:clamp(1.1rem,2vw,1.2rem);font-weight:600;text-align:center;padding:1rem 1.5rem;border-radius:12px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0003;transition:all .3s ease}.main-button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-3px) scale(1.01);box-shadow:0 8px 25px #0000004d}.main-button:active{transform:translateY(0) scale(1);background:#ffffff08}@media (max-width: 768px){.main-flex-container{padding:5vh 5vw}.hello h1{font-size:2.2rem}.hello p{font-size:1rem}}@keyframes anim-fade-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.Intro{width:100%;padding:5vh 5vw;box-sizing:border-box;background-color:#000}.main-grid-container{display:grid;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-template-areas:"a c" "b c" "d e";gap:2.5rem}.main-grid-item{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:15px;box-shadow:0 8px 32px #0000005e;padding:2.5rem;opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.main-grid-item.appear.active{opacity:1;transform:translateY(0)}.main-grid-item.intro{grid-area:a}.main-grid-item.educations{grid-area:b}.main-grid-item.skills{grid-area:c}.main-grid-item.links{grid-area:d}.main-grid-item.highlights{grid-area:e}.main-title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(45deg,#a4fda4,#ffce7b,#b871ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.main-title.t1{background:linear-gradient(45deg,#1e00ff,red,#1eff00);-webkit-background-clip:text}.main-title.t2{background:linear-gradient(45deg,#00ff51,red,#0df);-webkit-background-clip:text}.main-title.t3{background:linear-gradient(45deg,#d000ff,#c3ff00,#01f);-webkit-background-clip:text}.main-title.t4{background:linear-gradient(45deg,#ff0202,#086e0f,#8f0);-webkit-background-clip:text}.main-text-container{color:#dcdcdc;font-size:clamp(1rem,1.2vw,1.1rem)}.main-text-container ul{list-style:none;padding-left:1.2rem;margin:.5rem 0 0}.main-text-container li{font-size:clamp(.95rem,1.1vw,1.05rem);color:#ccc;line-height:1.6;position:relative;padding-left:1.4rem;margin-bottom:.25rem}.main-text-container li:before{content:"•";position:absolute;left:0;top:0;color:#ff1493;font-weight:700}.main-text-container p{font-weight:600;font-size:clamp(1.05rem,1.3vw,1.2rem);color:#fff;margin:1.2rem 0 0;padding:0}.intro .intro-bio{font-weight:400;font-size:clamp(1rem,1.2vw,1.1rem);color:#dcdcdc;line-height:1.7;margin:0}.link-list{display:flex;flex-direction:column;gap:.5rem}.link-list a{display:block;text-decoration:none;color:#fff;font-weight:600;font-size:clamp(1rem,1.2vw,1.1rem);padding:.75rem 1rem;border-radius:8px;transition:all .3s ease}.link-list a:hover{background:#ffffff1a;transform:translate(5px)}@media (max-width: 786px){.Intro{padding:5vh 5vw}.main-grid-container{grid-template-columns:1fr;grid-template-areas:"a" "b" "c" "d" "e";gap:2rem}.main-grid-item{padding:1.5rem}.main-title{font-size:clamp(1.5rem,6vw,2rem)}}.todo-page{padding:30px}.todo-refresh-button{border:2px whitesmoke solid;border-radius:2px;background:#000;color:#fff;font-size:1rem;padding:10px;margin:10px 0}.todo-input-container{display:flex;justify-content:start;align-items:center;gap:20px}.todo-input-container button,.todo-input-container input{box-sizing:border-box;height:3vw;margin:10px 0;border-radius:10px;padding:0 0 0 16px;font-size:1rem;border:none}.todo-input-container button{width:8vw;padding:0}.todo-input-container button:hover{text-decoration:underline;font-weight:800}.todo-input-container button:active{font-size:1.3rem;opacity:.8;box-shadow:#fff 0 8px 24px}.todo-input-title{width:20vw}.todo-input-context{width:40vw}.todo-container{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px white solid;flex-wrap:wrap}.todo-item{font-size:1.2rem;word-wrap:break-word;white-space:normal}.todo-title{flex:6}.todo-context{flex:16}.todo-date{flex:5}.todo-delete-button,.todo-edit-button{font-size:1rem;border:none;border-radius:6px;color:#000;padding:6px;flex:1}.todo-delete-button{background-color:#ffd1d1}.todo-edit-button{background-color:#d1e7ff}.todo-delete-button:hover,.todo-edit-button:hover{text-decoration:underline}.todo-delete-button:active,.todo-edit-button:active{opacity:.5}.login-signup-container{display:flex;flex-direction:column;align-items:center;gap:10px;width:50vw;height:30vh;margin:0 auto;padding:20px;border-radius:10px}.login-signup-container input,.login-signup-container button,.logout-button{box-sizing:border-box;color:#fff;background-color:transparent;width:100%;height:100%;font-size:1rem;border:2px solid white;border-radius:10px;padding:20px}.login-signup-container button,.logout-button{cursor:pointer;margin:20px 0 0}.login-signup-container button:hover,.logout-button:hover{background-color:#050d29;font-size:1.3rem}.login-signup-container button:active,.logout-button:active{background-color:#282856}.login-signup-sex,.signup-email-verification{display:flex}.signup-email-verification button,.signup-email-verification input{display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0 10px}