*{margin:0;padding:0;box-sizing:border-box;font-family:Verdana,sans-serif}html,body{height:100%;margin:0;padding:0;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}header,footer{align-items:stretch;width:100%;padding:2vw;background-color:#242424;color:#fff;text-align:center;box-shadow:0 .2vw .4vw #0000001a}header h1{font-size:2vw;line-height:2.1;color:#ffd07d}nav ul{display:flex;justify-content:space-around;list-style:none;padding:1vw 0}nav ul li a{color:#61dafb;text-decoration:none;padding:.5vw 1vw;border-radius:.5vw;transition:all .3s ease}nav ul li a:hover{background-color:#61dafb;color:#20232a;transform:scale(1.1)}footer{margin-top:auto;padding:2vw;background-color:#20232a;color:#fff;text-align:center;box-shadow:0 -.2vw .4vw #0000001a}.profile-container{display:flex;justify-content:space-around;align-items:center;width:90%;height:71vh;justify-content:center}.profile-picture img{width:30vw;height:30vw;object-fit:cover;border-radius:10%;margin-left:5vw}.TextBlock{width:60%;padding:3vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;transform:translateY(5vh);margin-left:8vw}.TextBlock h1,h2,h5{margin:1vw 0}.TextBlock h1{font-size:2vw;opacity:.8;color:#baf5ff}.TextBlock h2{font-size:6vw;color:#00d1ff}@keyframes typing{0%{width:0}to{width:100%}}.TextBlock h2{white-space:nowrap;overflow:hidden;border-right:.15em solid #fff;animation:typing 4s steps(40,end),blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fff}}.TextBlock h5{font-size:1.5vw;color:#baf5ff}.social-images{display:flex;justify-content:flex-start;width:100%;margin-top:6vw}.social-images img{width:5vw;height:2.5vw;margin-right:1vw;border-radius:10%}main{padding-bottom:6vw;min-height:calc(100vh - 6vw)}nav ul li a.active{font-weight:700;color:#00f;border-bottom:.2vw solid blue}.footer-list{display:flex;list-style:none;justify-content:center;padding:0}.footer-list li{margin-right:20px}.footer-list li:last-child{margin-right:0}footer{position:fixed;left:0;bottom:0;width:100%;background-color:#333;color:#fff;text-align:center;padding:10px 0;box-shadow:0 -2px 4px #0003}.about-page{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:20px;background-color:#20232a;color:#fff;box-sizing:border-box}.about-text{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%;padding:2vw;background-color:#333;border-radius:10px;box-shadow:0 4px 8px #00000080;margin:20px auto}.pictures{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding:10px;width:100%}.pictures img{max-width:50%;height:auto;border-radius:8px;box-shadow:0 2px 4px #0003}.about-text p{line-height:1.6;color:#e0e0e0}.t1,.t2,.t3{border:1px solid #61dafb;padding:15px;margin:5px;background-color:#242424;border-radius:5px;box-shadow:0 4px 8px #007bff4d;color:#bababa;width:auto;text-align:left;flex-grow:1}.about-page h1{color:#ffd07d}.card{background-color:#333;color:var(--text-color);border-radius:10px;padding:20px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0003}.card h3{color:var(--primary-color);margin-bottom:10px}.card p{margin-bottom:15px;line-height:1.6}.card label{font-weight:700;color:#ffd07d;margin-right:5px;width:100px}.portfolio{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;max-width:1200px;margin:auto;padding:20px;color:#e0e0e0;background-color:#20232a;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.portfolio h1{text-align:center;color:#ffd07d;font-size:36px;padding-bottom:20px}.academicList{background-color:#333;color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:20px auto;padding:20px;width:80%;text-align:center;transition:transform .3s ease-in-out}.academicList:hover{transform:scale(1.05);box-shadow:0 8px 16px #0006}.academicList h2,.academicList h3{color:#a4c2f4}ul{list-style-type:none;padding:0}.classList li{padding:5px 0;border-bottom:1px solid #eee}li:last-child{border-bottom:none}.Cards{display:flex;flex-wrap:wrap;justify-content:space-around;gap:20px}.card{flex:1 1 300px;margin:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#20232a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color: #00bcd4;--secondary-color: #006064;--background-color: #f0f4f8;--text-color: #263238;--accent-color: #ffab00}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}body{font-family:Poppins,sans-serif;color:var(--text-color);background-color:var(--background-color)}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--text-color: #213547;--background-color: #ffffff;--link-hover-color: #747bff;--button-bg-color: #f9f9f9}}@media (prefers-color-scheme: dark){:root{--text-color: #cfd8dc;--background-color: #263238;--link-hover-color: #82b1ff;--button-bg-color: #37474f}}