*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff0f5;flex-direction:column;max-width:1440px;min-height:100vh;margin-inline:auto;display:flex}header,footer{background-color:#000;justify-content:space-between;align-items:center;height:65px;padding:10px;display:flex}h1,footer{color:#fff0f5}h1{font-size:1.5rem}header .logo{text-align:center;color:#fff0f5;background-color:purple;width:50px;height:50px;line-height:50px;position:relative}header .dot{border-radius:50%;width:10px;height:10px}header .top-left{background-color:#ff0;position:absolute;top:0;left:0}header .top-right{background-color:#9acd32;position:absolute;top:0;right:0}header .bottom-right{background-color:orange;position:absolute;bottom:0;right:0}header .bottom-left{background-color:#48d1cc;position:absolute;bottom:0;left:0}main{flex:1;margin:20px}form{margin-inline:auto;border:1px solid purple;border-radius:4px;max-width:580px;margin-top:70px;padding:25px}form h2{letter-spacing:1px;margin-bottom:20px;font-size:1.2rem;font-weight:600}form h2:first-letter{text-transform:capitalize}form label{text-transform:capitalize;margin-bottom:5px;display:block}form div{margin-bottom:25px}form input,form select{width:100%;height:40px;padding-left:5px}form .save-btn,form .update-btn{cursor:pointer;letter-spacing:1px;color:#fff;border:none;border-radius:4px;width:120px;height:40px}form .save-btn{background-color:#191970}form .update-btn{background-color:#006400}form .hidden.update-btn,form .hidden.save-btn{display:none}form button:first-letter{text-transform:uppercase}form .error-msg{color:#000;letter-spacing:.8px;margin-top:5px;font-size:.8rem;font-weight:lighter;line-height:1.5;display:block}.courses{margin-inline:auto;max-width:580px;margin-top:30px;margin-bottom:60px;overflow-x:auto}.courses table{border-collapse:collapse;width:100%}.courses table caption{text-transform:capitalize;margin-bottom:15px;font-size:1.3rem}.courses th,.courses td{text-align:left;border:1px solid #000;padding:10px}.courses tbody tr td:last-child button{width:100%;display:block}.courses tbody tr td:last-child button:first-child{color:#fff;text-transform:capitalize;cursor:pointer;background-color:#8b0000;border:none;border-radius:4px;height:30px;margin-bottom:20px;padding:2px;font-size:.9rem}.courses tbody tr td:last-child button:last-child{color:#fff;text-transform:capitalize;cursor:pointer;background-color:#006400;border:none;border-radius:4px;height:30px;padding:2px;font-size:.9rem}footer{color:#fff0f5;justify-content:center;display:flex}footer address:first-letter{text-transform:capitalize}footer a{color:#fff0f5}footer address{font-style:normal}
