html,body{margin:0;height:100%;background-color:#000;color:#0f0;box-sizing:border-box}.cursor{display:inline-block;animation:blink .7s steps(1) infinite}body{font-family:"Press Start 2P",system-ui;font-weight:400;font-style:normal}main{flex:1}#root{display:flex;flex-direction:column;min-height:100vh}header ul{display:flex;flex-direction:row;justify-content:flex-end;gap:1.5rem;list-style:none;padding-top:1rem;margin:0;font-weight:800;text-transform:uppercase}header li a{text-decoration:none;color:inherit;font-size:clamp(.8rem,2vw,1.2rem)}header{height:10vh}#main-text{height:50vh;display:flex;align-items:center;justify-content:center}footer{height:10vh;display:flex;flex-direction:column;justify-content:center;align-items:center}footer>a:hover{color:#0ff}footer a{color:inherit;text-decoration:dotted underline;font-size:.6rem;margin:.25rem 0}.project{display:flex;flex-direction:column;align-items:center;border:dotted 2px #00ff00;padding-top:.5rem;min-height:15rem;width:100%;max-width:17rem}.projects_container{padding-top:.875rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-template-rows:auto;gap:1rem;justify-items:center}.project>img{padding:0 .5rem;height:2rem;width:2.5rem;background-color:#0f0}.project_title{font-size:.7rem}.project_description{font-size:.6rem;line-height:1.3;margin:0 .25rem;text-align:center;padding-bottom:.5rem}.project_link{font-size:.6rem;text-decoration:underline dotted;color:inherit;margin-top:auto;margin-bottom:.5rem}.project_link:hover{color:#0ff}.collapsible{margin:20px 0;padding:.5rem 3rem;font-family:"Press Start 2P",cursive;color:#0f0;background:#000}.collapsible-btn{background:#000;color:#0f0;border:2px solid #00ff00;padding:8px 12px;cursor:pointer;font-family:"Press Start 2P",cursive;width:100%;text-align:left}.collapsible-content{margin-top:10px;padding:10px;background:#111;border:2px dashed #00ff00}.key_image{padding:0 .5rem;height:2rem;width:2.5rem;background-color:#0f0}#key_container{display:flex;border:dotted 2px #00ff00;color:#0f0;flex-direction:column;align-items:center;text-align:center}.key{font-size:.7rem;font-weight:700;display:flex;align-items:center}.key,.key>span,.key_image{margin:0;padding:0}.key>span{padding-left:.5rem}.keys{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;width:50vw;padding-bottom:.5rem}#profile_container{margin-top:1rem;display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem;padding:1rem;background-color:#111;border:2px dashed #00ff00;border-radius:.5rem;flex-wrap:wrap;justify-content:center}#profile_container.hidden{display:none}#profile_picture{width:180px;height:180px;border-radius:50%;object-fit:cover;border:2px solid #00ff00;flex-shrink:0}#profile_container h3{margin-top:1rem;font-size:.8rem;color:#0f0;font-weight:400}#profile_container{flex-wrap:nowrap}#typewriter-text{text-align:left;max-width:900px;line-height:1.4;font-size:clamp(.8rem,2vw,.9rem);white-space:normal;overflow-wrap:break-word;word-break:break-word;margin-left:1rem}@media (max-width: 768px){#profile_container{flex-direction:column;flex-wrap:wrap;align-items:center}#typewriter-text{margin-left:0;max-width:100%;text-align:center}.keys{display:flex;width:auto;flex-direction:column;justify-content:space-between;gap:.5rem}.key{margin:0;padding:0}.collapsible-btn{text-align:center}}@media (max-width: 480px){header{font-size:1rem;padding-right:.5rem}body{font-size:1.2rem}#main-text{font-size:1.2rem;text-align:center;padding:0 1rem}footer a{font-size:.6rem;text-align:center;padding:0 1rem}.project{width:75vw;max-width:none}ul li a{font-size:.6rem}}@keyframes blink{50%{opacity:0}}