@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.app{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.background{position:absolute;inset:0;background:url(/PortfolioNew/background.jpg) center / cover no-repeat;opacity:.8}.menu{position:relative;z-index:1;width:680px;height:520px;padding:100px;background:url(/PortfolioNew/menuBackground.png) center / cover no-repeat;text-align:center}.title{font-size:24px;margin-bottom:40px;color:#000;text-decoration:underline}.menu-list{list-style:none;text-align:center}.menu-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-item{font-size:16px;padding:12px 0;color:#3a2f1d;display:flex;gap:12px;align-items:center;cursor:pointer;justify-content:left}.arrow{color:#f90}.footer{position:absolute;bottom:100px;width:80%;text-align:center;font-size:12px;color:#2b2b2b}.about-me{position:relative;z-index:1;width:850px;height:650px;padding:110px;background:url(/PortfolioNew/menuBackground.png) center / cover no-repeat;text-align:center}.general{display:flex;flex-direction:row;border-width:2px;align-items:center;width:630px;height:340px;border-style:solid;border-radius:20px;border-color:#000;padding:10px}.skills{border-width:2px;width:630px;height:95px;border-style:solid;border-radius:20px;border-color:#000;padding:10px;margin-top:5px}.skill-list{margin-top:5px;align-items:center;justify-content:center;padding-left:20px}.skill-icon{width:40px;height:40px;margin-right:10px;background-color:beige;border:#000000;border-style:solid;border-width:2px}.bio{width:550px;height:330px;border-width:2px;border-style:solid;border-radius:20px;border-color:#000}.bio-list{margin-top:10px;list-style:none;text-align:left;padding-left:20px}.bio-list-item{padding:12px 16px;font-size:11px}.info{font-size:12px}.profile-pic{height:100px;width:100px;border:#000000;border-style:solid;border-radius:1cap;border-width:2px;object-fit:cover;margin-bottom:20px}.back_button{display:flex;justify-content:left;font-size:14px;color:#000;cursor:pointer}.cv{color:#26007e}.contact{position:relative;z-index:1;width:850px;height:650px;padding:110px;background:url(/PortfolioNew/menuBackground.png) center / cover no-repeat;text-align:center}.form{width:100%;max-width:620px;margin:20px auto 0;padding:24px;display:flex;flex-direction:column;gap:16px;background:#00000059;border:2px solid #000;box-shadow:0 0 0 2px #f90 inset,6px 6px #000;font-family:inherit}.horiDiv{display:flex;gap:12px}.horiDiv input{flex:1}.form input,.form textarea{background:#f7ebc6;color:#000;border:2px solid #000;padding:10px 12px;font-size:12px;font-family:inherit;outline:none}.form textarea{resize:none;min-height:120px}.form input:focus,.form textarea:focus{border-color:#f90;box-shadow:0 0 8px #f909}.form input::placeholder,.form textarea::placeholder{color:#aaa;opacity:.8}.divbtn{display:flex;gap:16px;margin-top:12px}.form button{flex:1;padding:10px 0;background:#7a7a7a;color:#fff;border:2px solid #000;font-family:inherit;font-size:14px;cursor:pointer;box-shadow:4px 4px #f90;transition:transform .1s,box-shadow .1s}.form button:active{transform:translate(2px,2px);box-shadow:2px 2px #f90}.back{display:flex;width:600px;justify-content:left;font-size:14px;color:#000;cursor:pointer;margin-top:10px}.projects-page{height:100vh;padding:4rem 6rem;background:url(/PortfolioNew/background.jpg) center / cover no-repeat;overflow:hidden}.projects-title{font-size:3rem;margin-bottom:3rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;justify-items:center;height:100%;overflow-y:auto;padding-bottom:2rem}.project-card{cursor:pointer;background-size:cover;background-position:center;padding:80px;width:580px;height:450px;display:flex;flex-direction:column;justify-content:center}.project-card h2{margin:0 0 .5rem}.project-card p{margin:0;opacity:.8}@media(max-width:900px){.projects-grid{grid-template-columns:1fr}}.projects-back{position:absolute;top:2rem;left:2rem;cursor:pointer;font-size:1.4rem;color:#fff;z-index:10}.projects-back.selected{color:orange;text-shadow:0 0 5px rgba(255,165,0,.8),0 0 10px rgba(255,165,0,.6)}.project-image{border:black 2px solid;width:80%;height:auto}.project-image-container{display:flex;justify-content:center;align-items:center;width:420px;height:170px;padding:10px}.desc{font-size:12px;margin-top:8px}.hint{font-size:10px;margin-top:8px}.project-card h3{margin-bottom:1rem}*{margin:0;padding:0;box-sizing:border-box}body{background:#1b2b1f}.font-pixel{font-family:"Press Start 2P",monospace}