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}.nav-container.mobile.open{flex-direction:column;position:fixed;justify-content:center;align-items:center;top:70px;right:0;left:auto;text-align:center;width:40vw;height:auto}.nav-container.mobile{display:none;justify-content:space-between}.nav-container.mobile p{margin-left:20px;font-size:1.5rem;font-family:fantasy}.nav-item{text-decoration:none;color:#fff;font-size:1.1rem;padding:10px;transition:font-size .15s,color .15s}.nav-item:hover{font-size:1.3rem}.nav-item:active{font-size:1.3rem;text-decoration:underline;color:#aba5ff;animation:spin .2s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hamburger-menu{background:none;border:none;cursor:pointer;padding:0 10px;margin-right:10px}.hamburger-menu:active{opacity:.4}.hamburger-menu .bar{width:30px;height:3px;background-color:#fff;margin:5px 0;transition:.3s}@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}}.main-flex-container{display:flex;flex-direction:column}.main-buttons-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.main-buttons-container button{display:flex;justify-content:center;align-items:center;width:10vw;height:5vh;border:1px whitesmoke solid;border-radius:6px;background-color:#070705;color:azure;margin:6px;cursor:pointer;box-shadow:0 4px 6px #fff6,0 1px 3px #fff3;transition:transform .2s ease,box-shadow .2s ease}.main-buttons-container button:hover{box-shadow:0 6px 8px #fff9,0 3px 6px #fff6;transform:translateY(-2px)}.main-buttons-container button:active{box-shadow:0 2px 4px #fff6,0 1px 2px #fff3;transform:translateY(1px)}.main-buttons-container button a{text-decoration:none;color:#fff;font-size:1.1rem}.hello{display:flex;flex-direction:column;align-items:start;padding:0 0 0 2vw}.hello ul{font-size:1.3rem;padding:0;margin:0 0 10px}.main-buttons-title{font-size:1.3rem;display:flex;margin:6vw 0 0;align-self:center;background:linear-gradient(90deg,#ff6b6b,#f9ca24,#6ab04c,#686de0,#ff6b6b);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:color-animation 3s infinite linear;font-weight:700;text-transform:uppercase;letter-spacing:.1rem;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);animation:color-animation 3s infinite linear,glow-animation 1.5s infinite alternate}@keyframes color-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow-animation{0%{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4)}to{text-shadow:0 0 20px rgba(255,255,255,1),0 0 30px rgba(255,255,255,.8),0 0 40px rgba(255,255,255,.6)}}@media (max-width: 768px){.main-buttons-container button{display:flex;justify-content:center;align-items:center;flex-direction:column;width:70vw;height:5vh}.hello ul{font-size:1rem;padding:0}.main-buttons-container button a{text-decoration:none;color:#fff;font-size:.9rem}}.main-grid-container{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:"a c" "b c" "d e"}.main-grid-item{display:flex;justify-self:start;align-items:center;flex-direction:column;padding:5vh 0 0 2vw}.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:2rem;align-self:flex-start;animation:glowing 2s infinite;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}@keyframes glowing{0%{text-shadow:0 0 5px rgba(255,255,255,.7),0 0 10px rgba(173,216,230,.6),0 0 15px rgba(255,182,193,.5),0 0 20px rgba(255,255,255,.4)}50%{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(173,216,230,.7),0 0 30px rgba(255,182,193,.6),0 0 35px rgba(255,255,255,.5)}to{text-shadow:0 0 5px rgba(255,255,255,.7),0 0 10px rgba(173,216,230,.6),0 0 15px rgba(255,182,193,.5),0 0 20px rgba(255,255,255,.4)}}.main-text-container.horizontal{width:40vw;font-size:1.2rem}.main-text-container li{padding:0;margin:0;font-size:1rem}.main-text-container p{padding:0;font-weight:600;font-size:1.2rem}.intro p{padding:0;font-weight:500;font-size:1rem}@media (max-width: 786px){.main-grid-container{grid-template-areas:"a" "b" "c" "d" "e"}.main-text-container.horizontal{width:80vw}}.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}