body{width:100%;font-family:Courier New,Courier,monospace;background-color:#000;color:#00ff41;margin:0;padding:0}main{display:flex;flex-direction:column;border-top:2px solid #00ff41;border-bottom:2px solid #00ff41;padding-left:30%}.App{text-align:center}.App-header{background-color:#000;padding:20px}h1{padding-top:-70px}.HomePageButton{color:#00ff41;text-decoration:none}.navbar{display:flex;justify-content:center;margin-bottom:10px}.navbar-links{list-style:none;padding:0;display:flex;gap:20px}.navbar-links a{text-decoration:none;color:#00ff41;font-weight:700;transition:color .3s}.navbar-links a:hover{color:#fff}section{padding:50px 20px;width:50%}h2{border-bottom:2px solid #00ff41;display:inline-block;padding-bottom:5px}.about-me-container{margin:20px}.about-me-button{background-color:#001f00;border:2px solid #00ff41;color:#00ff41;font-family:Courier New,Courier,monospace;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px}.about-me-button:hover{background-color:#00ff41;color:#000}.about-me-text{display:none}.about-me-text.visible{display:block;margin-top:10px;text-align:center;padding:10px;background-color:#001f00;border:none;border-radius:5px;max-width:100%;max-height:100%;overflow:auto}.project-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.project-card{background-color:#001f00;border:1px solid #00ff41;padding:20px;width:250px;border-radius:5px;color:#00ff41;text-align:left;transition:transform .3s}.project-card:hover{transform:scale(1.05)}.project-card a{color:#00ff41;text-decoration:none;font-weight:700}.project-card a:hover{text-decoration:underline}.skills-container{margin:20px}.skills-button{background-color:#001f00;border:2px solid #00ff41;color:#00ff41;font-family:Courier New,Courier,monospace;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:5px}.skills-button:hover{background-color:#00ff41;color:#000}.skills-text{display:none;margin-top:10px;text-align:left;padding:10px;background-color:#001f00;border:none;border-radius:5px}ul{list-style-type:none;padding:0}li{margin:10px 0}.contact-form{max-width:400px;margin:0 auto;text-align:left}.contact-form label{display:block;margin:15px 0 5px}.contact-form input,.contact-form textarea{width:100%;padding:10px;background-color:#001f00;border:1px solid #00ff41;color:#00ff41;border-radius:3px}.contact-form button{background-color:#00ff41;border:none;color:#000;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:3px}.contact-form button:hover{background-color:#fff;color:#000}.App-footer{background-color:#000;color:#00ff41;padding:10px 0}