*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;padding:0;margin:0}body{padding:25px;background:url(/computer/Pengputer/images/curtain_pattern.png)}header{position:absolute;font-family:serif}header a{color:#fff;font-size:20px;background:#000}#monitor{margin:auto;padding:20px 0 100px 20px;background:#aaa;border:15px outset #aaa;border-radius:5px;width:fit-content;display:flex;align-items:stretch;align-content:stretch}#monitor-screen{position:relative}#controls{width:120px;display:flex;flex-direction:column;align-items:center;flex-flow:column-reverse}#controls img{width:100px;padding:5px 12px;border:3px inset #999;background:#a2a2a2;height:auto}#screen-box{border:10px inset #999;padding:24px;background-color:#000;position:relative}#screen{aspect-ratio:4/3;width:calc((4 / 3) * 70vh - 100px)}.keyboard-box-container{display:flex;flex-direction:column;align-items:center}.keyboard-box{position:absolute;bottom:16px;display:flex;flex-direction:column;align-items:center}.keyboard{transform-origin:bottom;transform:perspective(1000px) rotateX(45deg);background-color:#999;padding:10px;display:flex;gap:40px;border-radius:2px}.keyboard-bottom{height:30px;width:100%;background:#aaa;box-shadow:0 5px 5px #00000080}.keyboard span{display:inline-block;width:54px;text-align:center;padding:5px;font-family:sans-serif;background:#bbb;border:5px outset #aaa;box-sizing:border-box}.keyboard .space{flex-grow:1}.keyboard .smalltext{font-size:13px;padding:2px}.keyboard .group{display:flex;flex-direction:column;gap:2px}.keyboard .row{height:40px;display:flex;justify-content:center;width:100%;gap:8px}.keyboard .ctrl{min-width:80px}.keyboard .big{min-width:120px}.keyboard .bigger{min-width:140px}.keyboard .biggest{min-width:170px}.keyboard .fill{flex-grow:1}.desk{position:absolute;left:0;bottom:0;width:100%;height:25vh;background:url(/computer/Pengputer/images/wood.jpg);z-index:-1}@keyframes blinker{50%{opacity:0}}@media (width <= 1650px){.keyboard-box-container{display:none}}@media (height <= 850px){.keyboard-box-container{display:none}}