@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);*{box-sizing:border-box}body,html{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#e4e4e4;font-family:Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}.background-canvas{left:0;position:absolute;top:0;z-index:1}.home-section{background:#0a1931f2;color:#fff;min-height:100vh;overflow:hidden}.home-content,.home-section{align-items:center;display:flex;justify-content:center;position:relative}.home-content{gap:40px;max-width:1200px;padding:20px;width:100%;z-index:1}.home-left{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;justify-content:center;text-align:center}.home-left h1{font-size:3rem;margin-bottom:20px;white-space:nowrap}.resume-link{border-bottom:1px solid #0000;color:#fc0;font-size:1.2rem;pointer-events:auto;text-decoration:none;transition:border-color .3s}.resume-link:hover{border-color:#fc0}.home-right{align-items:center;display:flex;flex:1 1 auto;justify-content:center;text-align:left}.home-info{background-color:#1e1e1e;border-radius:6px;box-shadow:0 4px 10px #00000080;color:#d4d4d4;font-family:Fira Code,monospace;max-width:fit-content;padding:20px;width:100%}.home-info .info-box{margin-bottom:20px}.home-info .info-title{color:#6a9955;font-style:italic;margin-bottom:8px}.home-info .info-content{margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-info .misc-list,.home-info .projects-list,.home-info .skills-list{display:flex;flex-wrap:wrap;gap:8px}.home-info .misc-item,.home-info .skill-item{background-color:#2c2e33;border-radius:4px;font-size:.9rem;padding:5px 10px}.home-info .project-item{background-color:#3a3a3a;border-radius:4px;font-size:.9rem;padding:5px 10px}.section{background-color:#0f0f11f2;color:#e4e4e4;display:flex;flex-direction:column;justify-content:flex-start;margin:0;min-height:100vh;padding:60px 100px;scroll-snap-align:start}.section h2{border-bottom:2px solid #e4e4e4;color:#e4e4e4;font-size:2rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.section ul{font-size:1rem;list-style:disc inside}.aboutme-section{background-color:#1e2024f2;color:#e4e4e4;flex-direction:column;margin:0;min-height:100vh;padding:60px 100px;scroll-snap-align:start}.aboutme-container,.aboutme-section{align-items:center;display:flex;justify-content:center}.aboutme-container{flex-wrap:wrap;gap:40px;margin:0 auto;max-width:1200px}.aboutme-left{background-color:#1e1e1e;border-radius:8px;flex:1 1;min-width:250px;padding:20px;text-align:center;transition:transform .3s ease,background-color .3s ease}.aboutme-photo{border:4px solid #fff;border-radius:50%;height:250px;margin-bottom:20px;object-fit:cover;width:250px}.social-icons{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.social-icons a,.social-icons button{background:none;border:none;color:#fc0;cursor:pointer;font-size:1rem;padding:5px 10px;text-decoration:none}.social-icons a:hover,.social-icons button:hover{text-decoration:underline}.copy-message{color:#6a9955;font-size:.9rem;margin-left:10px}.aboutme-right{flex:2 1;min-width:300px;text-align:left}.aboutme-right h2{color:#fc0;font-size:2rem;margin-bottom:20px}.aboutme-right p{color:#c7c7c7;font-size:1.1rem;line-height:1.6;margin-bottom:15px}.aboutme-bottom{background-color:#1e1e1e;border-radius:8px 8px;display:flex;max-width:fit-content;padding:10px}.aboutme-block{background-color:#154797;border-radius:8px 8px;color:#3a3a3a;margin:0 10px;text-align:center}.aboutme-block:first-child{background:linear-gradient(180deg,#ff7e5f,#ad7a53)}.aboutme-block:nth-child(2){background:linear-gradient(180deg,#9468c4,#2575fc)}.aboutme-block:nth-child(3){background:linear-gradient(180deg,#43cea2,#185a9d)}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.animate{animation:fadeInOpacity 1.2s ease-out forwards}.aboutme-block.animate:first-child{animation-delay:.4s}.aboutme-block.animate:nth-child(2){animation-delay:.8s}.aboutme-block.animate:nth-child(3){animation-delay:1.2s}.course-section{align-items:center;background-color:#0f0f11f2;color:#e4e4e4;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px 50px}.course-section h2{border-bottom:2px solid #e4e4e4;font-size:1.8rem;margin:0;padding-bottom:5px}.course-content{display:flex;gap:20px;justify-content:center;margin:20px auto 0;max-width:1200px;width:100%}.course-list{width:45%}.course-list h3{border-bottom:1px solid #e4e4e4;color:#fc0;font-size:1.2rem;margin:0 0 10px;padding-bottom:3px}.course-list ul{font-size:.9rem;list-style:none;margin:10px 0 0;padding:0}.course-list li{background-color:#1e1e1e;border-radius:6px;margin-bottom:8px;padding:10px;transition:background-color .3s ease}.course-list li:hover{background-color:#2c2e33}.course-list li a{color:#fc0;font-weight:500;text-decoration:none}.course-list li a:hover{text-decoration:underline}.work-section{background-color:#1e1e1e;color:#e4e4e4;margin:0;min-height:100vh;padding:60px 100px}.work-section h2{border-bottom:2px solid #e4e4e4;color:#e4e4e4;font-size:2rem;margin-bottom:20px;margin-top:0;padding-bottom:10px}.work-section ul{list-style:none;margin:20px 0;max-width:800px;padding:0;width:100%}.work-section ul>li{background-color:#1e1e1e;border-radius:8px;margin-bottom:20px;padding:20px;transition:background-color .3s ease;width:100%}.work-section ul>li:hover{background-color:#2c2e33}.work-section ul>li strong{color:#fc0}.work-section ul>li ul{font-size:.9rem;list-style:disc inside;margin-left:20px;margin-top:10px}.work-section ul>li ul>li{background-color:initial;margin-bottom:8px;padding:0}#personal-projects ul{list-style:none;margin:20px 0;max-width:800px;padding:0;width:100%}#personal-projects ul>li{background-color:#1e1e1e;border-radius:8px;margin-bottom:20px;padding:20px;transition:background-color .3s ease}#personal-projects ul>li:hover{background-color:#2c2e33}#personal-projects ul>li strong{color:#fc0}#personal-projects ul>li ul{font-size:.9rem;list-style:disc inside;margin-left:20px;margin-top:10px}#personal-projects ul>li ul>li{background-color:initial;margin-bottom:8px;padding:0}.image-list{flex-wrap:wrap;gap:15px;list-style:none;padding:0}.image-list,.image-list li{display:flex;justify-content:center}.image-list li{flex:1 1 45%;max-width:45%}.image-list img{border-radius:8px;box-shadow:0 2px 10px #00000080;height:auto;width:100%}.section-nav{align-items:center;background:#0000;display:flex;flex-direction:column;left:20px;padding:0;position:fixed;top:50%;transform:translateY(-50%);z-index:1000}.section-nav .nav-button{align-items:center;background-color:#335285f2;border:none;border-radius:50%;color:#e4e4e4;cursor:pointer;display:flex;font-size:.8rem;height:50px;justify-content:center;margin-bottom:10px;transition:background-color .3s ease;width:50px}.nav-button img{height:90%;object-fit:contain;width:90%}.section-nav .nav-button:hover{background-color:#1e1f22}.section-nav .nav-button:focus{outline:none}footer{background:#202123;color:#e4e4e4;font-size:.9rem;padding:20px;text-align:center}.hover-block{background-color:#2c2e33;border-radius:5px;bottom:20px;color:#e4e4e4;cursor:pointer;opacity:1;padding:10px 15px;pointer-events:auto;position:fixed;right:20px;transition:opacity 1s ease,background-color .3s ease;z-index:1000}.hover-block.hovered{background-color:#1e1f22}.hover-block.faded{opacity:0;pointer-events:none}@media (max-width:1000px){.home-content{flex-direction:column;text-align:center}.home-content,.home-left,.home-right{align-items:center}.home-info{max-width:90%}.section{padding:40px 20px}.aboutme-container{flex-direction:column;text-align:center}.aboutme-right{text-align:center}}@media (max-width:900px){.course-section{padding:20px}.course-content{align-items:center;flex-direction:column}.course-list{margin-bottom:20px;width:80%}}@media (max-width:750px){body,html{font-size:14px}.home-content{flex-direction:column;gap:20px;padding:10px}.home-left h1{font-size:2.5rem}.home-info .info-content{word-wrap:break-word;overflow-wrap:break-word;text-overflow:clip;white-space:normal}.section{padding:40px 20px}.aboutme-section{padding:20px 10px}.aboutme-container{flex-direction:column;gap:20px;padding:0}.aboutme-left{width:100%}.aboutme-right{text-align:left;width:100%}.aboutme-photo{border:4px solid #fff;border-radius:50%;height:150px;margin-bottom:20px;object-fit:cover;width:150px}.aboutme-bottom{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;max-width:100%}.course-section{height:auto}.course-content{flex-direction:column;gap:20px}.course-list{width:100%}.work-section{padding:20px 10px}.work-section h2{font-size:1.5rem;margin-bottom:15px}.work-section ul{margin:15px 0;max-width:100%}.work-section ul>li{margin-bottom:15px;padding:15px}.work-section ul>li ul{font-size:.85rem;margin-left:15px}#personal-projects ul{max-width:100%;padding:0 10px}.image-list li{flex:1 1 100%;max-width:100%}.section-nav{bottom:10px;flex-direction:row;justify-content:center;left:10px;top:auto;transform:none;width:100%}.section-nav .nav-button{height:40px;margin:0 5px;width:40px}}
/*# sourceMappingURL=main.09e2700b.css.map*/