*{margin:0;padding:0;box-sizing:border-box}.container{position:relative;min-height:100vh}.video{object-fit:cover}.overlay,.video{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.overlay{background:radial-gradient(circle,rgba(0,0,0,.5) 5%,rgba(0,0,0,1) 100%)}.header{justify-content:space-between;padding:15px;position:fixed;top:0;width:100%;height:45px;z-index:1000;background:rgba(0,0,0,.7)}.header,.nav-container{display:flex;align-items:center}.nav-container{justify-content:flex-end;flex-grow:1}.nav{display:flex;gap:15px;margin-right:8px}.nav-link{background:none;border:none;color:white;cursor:pointer;font-size:14px;padding:5px 8px;transition:color .3s}.nav-link:hover{color:rgb(95,0,133);transform:translateY(-1px)}.nav-link:hover:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgb(95,0,133)}.github-link{display:flex;align-items:center;gap:5px;color:white;font-size:14px;padding:5px 8px;transition:color .3s}.github-link:hover{color:rgb(95,0,133)}.initials-circle{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);border:2px solid #a1a1a1;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .1s,transform .1s}.initials-circle:hover{background:rgba(255,255,255,.14);transform:scale(1.05)}.header a{text-decoration:none}.content{position:relative;z-index:1;color:white;text-align:center;margin-top:10vh;padding:15px}.portrait-image{border-radius:50%;object-fit:cover;width:150px;height:150px}.buttons{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px}.button{padding:8px 15px;background-color:rgba(0,0,0,.5);border:1px solid white;color:white;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-size:14px}.button:hover{background-color:rgba(255,255,255,.2)}.about-me-section{position:relative;z-index:1;margin-bottom:15px;padding:0 20px;width:100%;text-align:center;background:none;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.about-me-section.visible{opacity:1;transform:translateY(0)}.about-me-section h2{margin-top:20px;margin-bottom:15px;color:white;font-size:1.5rem}.about-me-section p{color:white;padding-bottom:30px;font-size:1rem;line-height:1.5}.professional-projects-section{position:relative;z-index:1;margin-bottom:15px;padding:0 20px;width:100%;text-align:left;background:none;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.professional-projects-section.visible{opacity:1;transform:translateY(0)}.professional-projects-section h2{margin-top:20px;margin-bottom:15px;color:white;font-size:1.5rem}.project-list{display:flex;flex-direction:column;gap:15px;margin:0;padding:0 20px}.project-card{display:flex;align-items:center;z-index:1;background:rgba(255,255,255,.75);border-radius:20px;padding:15px;height:180px;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;opacity:0;transform:translateY(5px)}.project-card.visible{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(95,0,133)}.project-card.image-left{flex-direction:row}.project-card.image-right{flex-direction:row-reverse}.project-image-placeholder{width:150px;height:150px;background:rgba(0,0,0,.1);border-radius:10px;margin:0 15px;display:flex;align-items:center;justify-content:center;color:#333;font-size:.9rem;text-align:center}.project-content{flex:1 1;text-align:center}.project-content h4{color:#000000;font-size:1.2rem;margin-bottom:10px}.project-content p{color:#333;font-size:1rem;margin:5px 0;line-height:1.4}.curriculum-section{background:none}.curriculum-section h2,.curriculum-section h3{margin-top:20px;margin-bottom:15px;color:white;font-size:1.5rem;padding:0 20px}.course-list{margin:0;padding:0 20px}.course-link{text-decoration:none;color:inherit;display:block}.course-item{display:flex;align-items:center;z-index:1;background:rgba(255,255,255,.75);border-radius:20px;padding:10px;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;opacity:0;transform:translateY(5px)}.course-item.visible{opacity:1;transform:translateY(0)}.course-item-wrapper:has(.project-bar):hover .course-item,.course-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(95,0,133)}.course-item.image-left{flex-direction:row}.course-item.image-right{flex-direction:row-reverse}.course-image{width:100px;height:100px;object-fit:cover;border-radius:10px;margin:0 10px}.course-content{flex:1 1;text-align:center}.course-content h4{color:#000000;font-size:1.1rem;margin-bottom:8px;text-decoration:none}.course-content p{color:#333;font-size:.9rem;margin:3px 0;line-height:1.3}.contact-section{background:rgba(0,0,0,.8);padding:30px 15px;text-align:center;color:white;position:relative;z-index:1}.contact-section h2{margin:15px 20px;font-size:1.5rem}.contact-section p{margin:15px 20px;font-size:1rem}.contact-section .form-group{display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0 auto 20px}.contact-section input,.contact-section textarea{width:100%;padding:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:5px;color:white;font-size:.9rem;outline:none;transition:border-color .3s ease,background-color .3s ease}.contact-section input:focus,.contact-section textarea:focus{border-color:#0070f3;background-color:rgba(255,255,255,.15)}.contact-section textarea{min-height:80px;resize:vertical}.progress-bar{justify-content:center;width:150px;height:150px;margin:0 auto;opacity:1;border:3px solid #ffffff;border-radius:50%}.course-detail{z-index:1;color:white;text-align:center;padding:30px 15px}.course-detail h1{margin-bottom:15px;font-size:1.6rem;color:white}.course-detail h2{font-size:1.1rem;color:white;margin-bottom:15px}.course-detail h3{font-size:1.3rem;margin-top:20px;margin-bottom:10px}.course-detail h3,.course-detail p{color:white;text-align:left;padding-left:20px}.course-detail p{font-size:.9rem;margin:8px 0}.course-detail .information-heading{font-size:1.1rem;color:white;margin:15px 0 8px;font-weight:700;padding-left:20px}.course-detail .information-text{margin:5px 0}.course-detail .information-list-item,.course-detail .information-text{font-size:.9rem;color:white;padding-left:20px}.course-detail .project-list{display:flex;flex-wrap:wrap;flex-direction:row;gap:15px;justify-content:center;margin:15px 0}.course-detail a{text-decoration:none}.course-detail .project-rectangle{width:160px;height:120px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease,box-shadow .3s ease;opacity:1}.course-detail .project-rectangle:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgb(95,0,133)}.course-detail .project-image{width:80px;height:80px;object-fit:cover;border-radius:5px;border:1px solid rgba(255,255,255,.3)}.course-detail .project-name{color:white;font-size:.9rem;margin-top:8px;text-align:center;text-decoration:none}.course-detail .project-list p{color:white;font-size:.9rem;padding-left:0}.success{color:green}.error,.success{margin-top:8px;font-size:.9rem}.error{color:red}.sudoku-content{padding:30px 15px;max-width:100%;margin:10vh auto 0}.sudoku-input{width:100%;max-width:100%;padding:10px;background:rgba(95,0,133,.2);border:1px solid rgba(255,255,255,.2);border-radius:5px;color:white;font-size:.9rem;outline:none;transition:border-color .3s ease,background-color .3s ease;margin-bottom:15px;font-family:var(--font-geist-mono)}.sudoku-input:focus{border-color:rgb(95,0,133);background:rgba(255,255,255,.15)}.sudoku-result{margin-top:20px;background:rgba(0,0,0,.8);padding:15px;border-radius:10px;text-align:left;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards}.sudoku-result h2{font-size:1.3rem;margin-bottom:15px;text-align:center}.result-details{display:flex;flex-direction:column;gap:8px}.result-details p{font-size:.9rem;color:white}.result-details strong{color:rgb(95,0,133)}.sudoku-grid{display:grid;grid-template-columns:repeat(9,35px);grid-template-rows:repeat(9,35px);grid-gap:1px;gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);margin:15px auto;width:-moz-fit-content;width:fit-content;padding:5px;border-radius:5px}.sudoku-cell{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);color:white;font-size:1rem;font-family:var(--font-geist-mono)}.border-right{border-right:2px solid rgba(255,255,255,.5)}.border-bottom{border-bottom:2px solid rgba(255,255,255,.5)}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.algorithm-selector{display:flex;align-items:center;gap:8px}.algorithm-label{color:white;font-size:.9rem;font-weight:700}.sudoku-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:rgba(0,0,0,.5);border:1px solid white;color:white;padding:8px 25px 8px 10px;border-radius:5px;cursor:pointer;font-size:.9rem;position:relative;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='white'%20width='18px'%20height='18px'%3E%3Cpath%20d='M7%2010l5%205%205-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.sudoku-select:hover{background-color:rgba(255,255,255,.2)}.sudoku-select option{background:rgba(0,0,0,.9);color:white;font-size:.9rem}.mandelbrot-content{padding:30px 15px;max-width:100%;margin:10vh auto 0;text-align:left}.mandelbrot-content h1{font-size:1.6rem;color:white;margin-bottom:15px;text-align:center}.mandelbrot-content h2{font-size:1.3rem;color:white;margin:20px 0 10px;text-align:center}.mandelbrot-content p{font-size:.9rem;color:white;margin:8px 0;line-height:1.5}.mandelbrot-content ul{list-style-type:disc;padding-left:30px;margin:8px 0}.mandelbrot-content li{font-size:.9rem;color:white;margin:5px 0}.mandelbrot-content code{background:rgba(255,255,255,.1);padding:2px 5px;border-radius:3px;font-family:var(--font-geist-mono);color:rgb(95,0,133)}.mandelbrot-demo{margin:20px auto;text-align:center;background:rgba(0,0,0,.4);padding:15px;border-radius:10px;max-width:100%;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards}.demo-gif{max-width:100%;height:auto;border-radius:5px;border:1px solid rgba(255,255,255,.3)}.reversi-content{padding:30px 15px;max-width:100%;margin:10vh auto 0;text-align:left}.reversi-content h1{font-size:1.6rem;color:white;margin-bottom:15px;text-align:center}.reversi-content h2{font-size:1.3rem;color:white;margin:20px 0 10px;text-align:center}.reversi-content p{font-size:.9rem;color:white;margin:8px 0;line-height:1.5}.reversi-content ul{list-style-type:disc;padding-left:30px;margin:8px 0}.reversi-content li{font-size:.9rem;color:white;margin:5px 0}.reversi-demo{margin:20px auto;text-align:center;background:rgba(0,0,0,.4);padding:15px;border-radius:10px;max-width:100%;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards}.schetsplus-content{padding:30px 15px;max-width:100%;margin:10vh auto 0;text-align:left}.schetsplus-content h1{font-size:1.6rem;color:white;margin-bottom:15px;text-align:center}.schetsplus-content h2{font-size:1.3rem;color:white;margin:20px 0 10px;text-align:center}.schetsplus-content p{font-size:.9rem;color:white;margin:8px 0;line-height:1.5}.schetsplus-content ul{list-style-type:disc;padding-left:30px;margin:8px 0}.schetsplus-content li{font-size:.9rem;color:white;margin:5px 0}.schetsplus-demo{margin:20px auto;text-align:center;background:rgba(0,0,0,.4);padding:15px;border-radius:10px;max-width:100%;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards}.chordly-content{padding:30px 15px;max-width:100%;margin:10vh auto 0;text-align:left}.chordly-content h1{font-size:1.6rem;color:white;margin-bottom:15px;text-align:center}.chordly-content h2{font-size:1.3rem;color:white;margin:20px 0 10px;text-align:center}.chordly-content p{font-size:.9rem;color:white;margin:8px 0;line-height:1.5}.chordly-content ul{list-style-type:disc;padding-left:30px;margin:8px 0}.chordly-content li{font-size:.9rem;color:white;margin:5px 0}.chordly-content a{color:#1e90ff;text-decoration:underline}.chordly-content .demo-gif{width:100%;max-width:300px;height:auto;border-radius:5px;border:1px solid rgba(255,255,255,.3);display:block;margin:0 auto}.ai-lister-content{padding:30px 15px;max-width:100%;margin:10vh auto 0;text-align:left}.ai-lister-content h1{font-size:1.6rem;color:white;margin-bottom:15px;text-align:center}.ai-lister-content h2{font-size:1.3rem;color:white;margin:20px 0 10px;text-align:center}.ai-lister-content p{font-size:.9rem;color:white;margin:8px 0;line-height:1.5}.ai-lister-content ul{list-style-type:disc;padding-left:30px;margin:8px 0}.ai-lister-content li{font-size:.9rem;color:white;margin:5px 0}.ai-lister-content a{color:#1e90ff;text-decoration:underline}.ai-lister-demo{margin:20px auto;text-align:center;background:rgba(0,0,0,.4);padding:15px;border-radius:10px;max-width:100%;opacity:0;transform:translateY(20px);animation:fadeIn .5s ease forwards}.ai-lister-content .demo-gif{width:100%;max-width:500px;height:auto;border-radius:5px;border:1px solid rgba(255,255,255,.3);display:block;margin:0 auto}.course-item-wrapper{position:relative;margin-bottom:0;padding-bottom:0;transition:padding-bottom .8s ease-in-out}.course-item-wrapper:has(.project-bar):hover{padding-bottom:80px}.project-bar{background:rgba(100,100,100,.9);padding:8px;border-radius:15px;display:flex;justify-content:center;gap:20px;overflow:hidden;max-height:0;opacity:0;position:absolute;left:0;right:0;z-index:1;transition:max-height .8s ease-in-out,opacity .8s ease-in-out}.course-item-wrapper:hover .project-bar,.project-bar.active{max-height:100px;opacity:.8}.project-bar .project-item{display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease}.project-bar .project-item:hover{transform:translateY(-3px)}.project-link{text-decoration:none;color:white}.project-bar .project-image{width:50px;height:50px;object-fit:cover;border-radius:5px;border:1px solid rgba(255,255,255,.3)}.project-bar .project-name{font-size:.7rem;margin-top:5px;color:white}.course-list{display:flex;flex-direction:column;gap:15px}@media (max-width:768px){.container{min-height:100vh}.header{padding:10px}.nav{gap:8px;margin-right:5px}.github-link,.nav-link{font-size:12px;padding:4px 6px}.initials-circle{width:35px;height:35px;font-size:1rem}.content{margin-top:12vh;padding:10px}.portrait-image{width:120px;height:120px}.buttons{gap:10px;margin-top:10px}.button{padding:6px 12px;font-size:12px}.about-me-section{padding:0 10px;margin-bottom:10px}.about-me-section h2{font-size:1.3rem;margin-top:15px;margin-bottom:10px}.about-me-section p{font-size:.9rem;padding-bottom:20px}.professional-projects-section{padding:0 10px;margin-bottom:10px}.professional-projects-section h2{margin-top:20px;margin-bottom:15px;color:white;font-size:1.5rem;padding:0 20px}.project-list{padding:0 10px;gap:10px}.project-card{padding:10px;height:150px}.project-image-placeholder{width:120px;height:120px;margin:0 10px;font-size:.8rem}.project-content h4{font-size:1.1rem;margin-bottom:8px}.project-content p{font-size:.9rem;line-height:1.3}.curriculum-section h2,.curriculum-section h3{font-size:1.3rem;padding:0 10px;margin-top:15px;margin-bottom:10px}.course-list{padding:0 10px;gap:10px}.course-item{padding:8px;border-radius:15px}.course-image{width:80px;height:80px;margin:0 8px}.course-content h4{font-size:1rem;margin-bottom:6px}.course-content p{font-size:.8rem;line-height:1.2}.contact-section{padding:20px 10px}.contact-section h2{font-size:1.3rem;margin:10px}.contact-section p{font-size:.9rem;margin:10px}.contact-section .form-group{max-width:100%;padding:0 10px;margin-bottom:15px}.contact-section input,.contact-section textarea{padding:6px;font-size:.8rem}.contact-section textarea{min-height:60px}.progress-bar{width:120px;height:120px;border:2px solid #ffffff}.course-detail{padding:20px 10px}.course-detail h1{font-size:1.4rem;margin-bottom:10px}.course-detail h2{font-size:1rem;margin-bottom:10px}.course-detail h3{font-size:1.2rem;padding-left:10px;margin-top:15px;margin-bottom:8px}.course-detail .information-heading,.course-detail .information-list-item,.course-detail .information-text,.course-detail p{font-size:.8rem;padding-left:10px;margin:5px 0}.course-detail .project-list{gap:10px;margin:10px 0}.course-detail .project-rectangle{width:140px;height:100px}.course-detail .project-image{width:60px;height:60px;border:1px solid rgba(255,255,255,.3)}.course-detail .project-name{font-size:.8rem;margin-top:5px}.ai-lister-content,.chordly-content,.mandelbrot-content,.reversi-content,.schetsplus-content,.sudoku-content{padding:20px 10px;margin:8vh auto 0}.ai-lister-content h1,.chordly-content h1,.mandelbrot-content h1,.reversi-content h1,.schetsplus-content h1,.sudoku-content h1{font-size:1.4rem;margin-bottom:10px}.ai-lister-content h2,.chordly-content h2,.mandelbrot-content h2,.reversi-content h2,.schetsplus-content h2,.sudoku-content h2{font-size:1.2rem;margin:15px 0 8px}.ai-lister-content li,.ai-lister-content p,.chordly-content li,.chordly-content p,.mandelbrot-content li,.mandelbrot-content p,.reversi-content li,.reversi-content p,.schetsplus-content li,.schetsplus-content p,.sudoku-content li,.sudoku-content p{font-size:.8rem;margin:5px 0}.ai-lister-content ul,.chordly-content ul,.mandelbrot-content ul,.reversi-content ul,.schetsplus-content ul{padding-left:20px}.sudoku-input{padding:8px;font-size:.8rem;margin-bottom:10px}.sudoku-result{margin-top:15px;padding:10px}.sudoku-result h2{font-size:1.2rem;margin-bottom:10px}.result-details p{font-size:.8rem}.sudoku-grid{grid-template-columns:repeat(9,30px);grid-template-rows:repeat(9,30px);margin:10px auto;padding:4px}.sudoku-cell{width:30px;height:30px;font-size:.9rem}.algorithm-selector{gap:6px}.algorithm-label,.sudoku-select{font-size:.8rem}.sudoku-select{padding:6px 20px 6px 8px;background-position:right 6px center}.sudoku-select option{font-size:.8rem}.ai-lister-demo,.mandelbrot-demo,.reversi-demo,.schetsplus-demo{margin:15px auto;padding:10px;max-width:100%}.ai-lister-content .demo-gif{max-width:100%}.project-bar{padding:6px;gap:15px;border-radius:10px}.course-item-wrapper:has(.project-bar):hover{padding-bottom:60px}.project-bar,.project-bar.active{max-height:80px}.project-bar .project-image{width:40px;height:40px}.project-bar .project-name{font-size:.6rem;margin-top:4px}}@media (max-width:480px){.header{padding:8px}.nav{gap:6px}.github-link,.nav-link{font-size:11px;padding:3px 5px}.initials-circle{width:30px;height:30px;font-size:.9rem}.content{margin-top:20vh;padding:8px}.portrait-image{width:100px;height:100px}.buttons{gap:8px;margin-top:8px}.button{padding:5px 10px;font-size:11px}.about-me-section{padding:0 8px;margin-bottom:8px}.about-me-section h2{font-size:1.1rem;margin-top:10px;margin-bottom:8px}.about-me-section p{font-size:.8rem;padding-bottom:15px}.professional-projects-section{padding:0 8px;margin-bottom:8px}.professional-projects-section h2{font-size:1.1rem;margin-top:10px;margin-bottom:8px}.project-list{padding:0 8px;gap:8px}.project-card{padding:8px;height:120px}.project-image-placeholder{width:100px;height:100px;margin:0 8px;font-size:.7rem}.project-content h4{font-size:1rem;margin-bottom:6px}.project-content p{font-size:.8rem;line-height:1.2}.curriculum-section h2,.curriculum-section h3{font-size:1.1rem;padding:0 8px;margin-top:10px;margin-bottom:8px}.course-list{padding:0 8px;gap:8px}.course-item{padding:6px;border-radius:12px}.course-image{width:60px;height:60px;margin:0 6px}.course-content h4{font-size:.9rem;margin-bottom:5px}.course-content p{font-size:.7rem}.contact-section{padding:15px 8px}.contact-section h2{font-size:1.1rem;margin:8px}.contact-section p{font-size:.8rem;margin:8px}.contact-section .form-group{padding:0 8px;margin-bottom:10px}.contact-section input,.contact-section textarea{padding:5px;font-size:.7rem}.contact-section textarea{min-height:50px}.progress-bar{width:100px;height:100px;border:2px solid #ffffff}.course-detail{padding:15px 8px}.course-detail h1{font-size:1.2rem;margin-bottom:8px}.course-detail h2{font-size:.9rem;margin-bottom:8px}.course-detail h3{font-size:1rem;padding-left:8px;margin-top:10px;margin-bottom:6px}.course-detail .information-heading,.course-detail .information-list-item,.course-detail .information-text,.course-detail p{font-size:.7rem;padding-left:8px;margin:4px 0}.course-detail .project-list{gap:8px;margin:8px 0}.course-detail .project-rectangle{width:120px;height:90px}.course-detail .project-image{width:50px;height:50px;border:1px solid rgba(255,255,255,.3)}.course-detail .project-name{font-size:.7rem;margin-top:4px}.ai-lister-content,.chordly-content,.mandelbrot-content,.reversi-content,.schetsplus-content,.sudoku-content{padding:15px 8px;margin:6vh auto 0}.ai-lister-content h1,.chordly-content h1,.mandelbrot-content h1,.reversi-content h1,.schetsplus-content h1,.sudoku-content h1{font-size:1.2rem;margin-bottom:8px}.ai-lister-content h2,.chordly-content h2,.mandelbrot-content h2,.reversi-content h2,.schetsplus-content h2,.sudoku-content h2{font-size:1rem;margin:10px 0 6px}.ai-lister-content li,.ai-lister-content p,.chordly-content li,.chordly-content p,.mandelbrot-content li,.mandelbrot-content p,.reversi-content li,.reversi-content p,.schetsplus-content li,.schetsplus-content p,.sudoku-content li,.sudoku-content p{font-size:.7rem;margin:4px 0}.ai-lister-content ul,.chordly-content ul,.mandelbrot-content ul,.reversi-content ul,.schetsplus-content ul{padding-left:15px}.sudoku-input{padding:6px;font-size:.7rem;margin-bottom:8px}.sudoku-result{margin-top:10px;padding:8px}.sudoku-result h2{font-size:1rem;margin-bottom:8px}.result-details p{font-size:.7rem}.sudoku-grid{grid-template-columns:repeat(9,25px);grid-template-rows:repeat(9,25px);margin:8px auto;padding:3px}.sudoku-cell{width:25px;height:25px;font-size:.8rem}.algorithm-selector{gap:5px}.algorithm-label,.sudoku-select{font-size:.7rem}.sudoku-select{padding:5px 15px 5px 6px;background-position:right 5px center}.sudoku-select option{font-size:.7rem}.ai-lister-demo,.mandelbrot-demo,.reversi-demo,.schetsplus-demo{margin:10px auto;padding:8px;max-width:100%}.ai-lister-content .demo-gif{max-width:100%}.project-bar{padding:5px;gap:10px;border-radius:8px}.course-item-wrapper:has(.project-bar):hover{padding-bottom:50px}.project-bar,.project-bar.active{max-height:60px}.project-bar .project-image{width:30px;height:30px}.project-bar .project-name{font-size:.6rem;margin-top:3px}}