.sidebar{position:fixed;top:20px;left:0;width:50px;background-color:#333;color:#fff;transition:width .5s;overflow:hidden}.sidebar.expanded{width:200px}.sidebar-icon{display:flex;align-items:center;padding:10px;cursor:pointer;text-decoration:none;color:#fff;height:17px}.sidebar-icon span{margin-left:10px}.aboutMe-container{max-width:60%;margin:0 auto;text-align:center;font-family:Arial,sans-serif;line-height:1.6;color:#333}.aboutMe-title{font-size:2.5em;margin-bottom:40px;color:#000;border-bottom:2px solid orange;padding-bottom:10px}.aboutMe-content{text-align:left}.aboutMe-content h2{margin-top:30px;color:#000;border-top:2px solid orange;padding-top:20px}.aboutMe-content p{color:#333}.aboutMe-content ul{list-style-type:disc;padding-left:20px;margin-top:10px}.aboutMe-footer{margin-top:50px;padding-top:20px;border-top:1px solid #ccc;font-size:.9em;color:#666}.aboutMe-footer a{color:#0073b1;text-decoration:none;margin:0 5px}.aboutMe-footer a:hover{text-decoration:underline}.project-list a{text-decoration:none;color:#000}.project-list a:hover{text-decoration:underline}.project-list{list-style-type:disc;padding-left:20px}.project-link{text-decoration:none;color:#000;font-weight:100}.project-link strong{font-weight:900;color:#000}.certifications{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.accomplishments-container{max-width:60%;margin:0 auto;text-align:center}.accomplishments-title{font-size:2.5em;color:#000;border-bottom:2px solid orange;padding-bottom:10px}.certifications{display:flex;flex-direction:column;align-items:center;margin-bottom:40px;border-bottom:2px solid orange;padding-bottom:50px}.certifications h2{margin-bottom:10px}.certifications-wrapper{position:relative;display:flex;align-items:center;justify-content:center;max-width:660px;width:100%}.certifications-scroll{display:flex;gap:10px;padding:10px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;scroll-behavior:smooth;width:100%;overflow-x:auto}.credly-badge{flex:0 0 auto;width:200px}.credly-badge img{width:100%;height:auto;max-height:200px;border:none}.scroll-btn{background-color:#333;color:#fff;border:none;padding:10px;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.scroll-btn.left{left:-5%}.scroll-btn.right{right:-5%}.projects-goals,.future-goals{margin-bottom:40px}.projects-goals h2,.future-goals h2{margin-bottom:10px}.goals-table{width:100%;border-collapse:collapse;margin-bottom:20px;table-layout:fixed}.goals-table th,.goals-table td{border:1px solid #ccc;padding:10px;text-align:left}.goals-table th{background-color:#f9f9f9}.goals-table select{padding:5px;border-radius:4px;border:1px solid #ccc}.projects-goals p,.future-goals p{background-color:#f9f9f9;padding:15px;border-radius:8px;border:1px solid #ccc}.goals-table th:nth-child(2),.goals-table td:nth-child(2){width:70%}.goals-table th:nth-child(1),.goals-table td:nth-child(1){width:17.5%}.goals-table th:nth-child(3),.goals-table td:nth-child(3){width:12.5%}@media (max-width: 768px){.certifications-wrapper{max-width:440px}.certifications-scroll{width:420px}.scroll-btn.left{left:-40px}.scroll-btn.right{right:-40px}}@media (max-width: 480px){.certifications-wrapper{max-width:220px}.certifications-scroll{width:200px}.scroll-btn.left{left:-30px}.scroll-btn.right{right:-30px}}.magicMirror-container{max-width:60%;margin:0 auto;text-align:center;font-family:Arial,sans-serif;line-height:1.6;color:#333}.magicMirror-title{font-size:2.5em;color:#000}.magicMirror-content{text-align:left}.magicMirror-content h2{margin-top:30px;color:#000;border-top:2px solid orange;padding-top:20px}.magicMirror-content p{color:#333}.magicMirror-content ul{list-style-type:disc;padding-left:20px;margin-top:10px}.gameServer-container{max-width:60%;margin:0 auto;text-align:center;font-family:Arial,sans-serif;line-height:1.6;color:#333}.gameServer-title{font-size:2.5em;color:#000}.gameServer-content{text-align:left}.gameServer-content h2{margin-top:30px;color:#000;border-top:2px solid orange;padding-top:20px}.gameServer-content p{color:#333}.gameServer-content ul{list-style-type:disc;padding-left:20px;margin-top:10px}.walkingTable-container{max-width:60%;margin:0 auto;text-align:center;font-family:Arial,sans-serif;line-height:1.6;color:#333}.walkingTable-title{font-size:2.5em;color:#000}.walkingTable-content{text-align:left}.walkingTable-content h2{margin-top:30px;color:#000;border-top:2px solid orange;padding-top:20px}.walkingTable-content p{color:#333}.walkingTable-content ul{list-style-type:disc;padding-left:20px;margin-top:10px}.piHole-container{max-width:60%;margin:0 auto;text-align:center;font-family:Arial,sans-serif;line-height:1.6;color:#333}.piHole-title{font-size:2.5em;color:#000}.piHole-content{text-align:left}.piHole-content h2{margin-top:30px;color:#000;border-top:2px solid orange;padding-top:20px}.piHole-content p{color:#333}.piHole-content ul{list-style-type:disc;padding-left:20px;margin-top:10px}.stats-container{display:flex;justify-content:space-around;margin:40px 0;font-family:Arial,sans-serif}.stat-box{text-align:center;padding:20px;border-radius:10px;background:#f2f2f2;box-shadow:0 4px 8px #0000001a;width:150px;animation:fadeInUp .01s ease-in-out}.stat-number{font-size:2em;color:#2c7be5}.stat-label{margin-top:10px;font-weight:700;color:#333}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.personalWebsite-container{max-width:60%;margin:0 auto;text-align:center;font-family:Arial,sans-serif;line-height:1.6;color:#333}.personalWebsite-title{font-size:2.5em;color:#000}.personalWebsite-content{text-align:left}.personalWebsite-content h2{margin-top:30px;color:#000;border-top:2px solid orange;padding-top:20px}.personalWebsite-content p{color:#333}.personalWebsite-content ul{list-style-type:disc;padding-left:20px;margin-top:10px}.project-image{width:100%;max-width:600px;margin:20px auto;display:block;border-radius:8px;box-shadow:0 4px 8px #0000001a}.projects-container{max-width:60%;margin:0 auto;text-align:center}.projects-title{font-size:2.5em;margin-bottom:40px;color:#000;border-bottom:2px solid orange;padding-bottom:10px}.project{display:flex;align-items:flex-start;margin-bottom:40px}.project.left{flex-direction:row}.project.right{flex-direction:row-reverse}.project img{width:150px;height:150px;object-fit:cover;margin:0 20px;cursor:pointer;transition:transform .2s ease}.project img:hover{transform:scale(1.05)}.project-text{flex:1;display:flex;flex-direction:column;justify-content:flex-start;text-align:left}.project.right .project-text{text-align:right;align-items:flex-end}.project-title{font-size:1.4em;margin-bottom:10px;color:#222;align-self:flex-start;margin-top:auto}.project.right .project-title{align-self:flex-end}.project p{flex:1;font-size:1.2em;color:#333}.project-title-link{text-decoration:none;color:inherit}.project-title-link:hover .project-title{text-decoration:underline}body{margin:0;background:#fafafa;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;min-height:100vh;width:100vw;justify-content:center;align-items:center;background-attachment:fixed}main{display:flex;flex-direction:column;align-items:stretch}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0;list-style-type:none;display:flex;flex-direction:column;margin:8px 0;border:1px solid black;gap:1px;background-color:#000;border-radius:8px;overflow:auto}li{background-color:#fff;padding:8px}li:hover{background:#dadbf9}a{font-weight:800;text-decoration:none}
