*{margin:0;padding:0;box-sizing:border-box}.wrapper{width:1280px;height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between}.header{height:80px;display:flex;align-items:center;justify-content:center}.header-title{color:#8b008b;font-family:Cambria,Cochin,Georgia,Times,"Times New Roman",serif;font-size:32px;text-transform:uppercase}.main{display:flex;flex-direction:column;align-items:center}.area{width:800px;height:100px;padding:10px;margin-bottom:20px;font-size:20px}.keyboard-wrapper{display:flex;flex-wrap:wrap;gap:5px;width:845px}.key{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:4px;font-size:19px;background-color:#9acd32;cursor:pointer;transition:.3s}.key:hover{background-color:#9400d3;color:#fff}.key:active{transform:scale(0.8);background-color:#8b008b}.active{transform:scale(0.8);background-color:#8b008b;color:#fff}.Backspace{width:125px}.Tab{width:70px}.CapsLock{width:105px}.Enter{width:125px}.ShiftLeft{width:125px}.ControlLeft{width:100px}.Space{width:350px}.info-wrapper{padding:20px 0;width:850px;text-align:center;display:flex;flex-direction:column;gap:20px}.info-text{font-size:20px}.footer{height:70px;display:flex;align-items:center;justify-content:center}.footer-link{text-decoration:none;color:#8b008b;font-weight:bold;font-size:20px;transition:.5s}.footer-link:hover{transform:scale(1.2)}