@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Mono&display=swap";*{box-sizing:border-box;font-family:Noto Sans Mono,monospace}body{padding:0;margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#f1f6f6}.container{max-width:900px;margin:5px;width:calc(100% - 10px);display:flex;flex-direction:column}.container h1{margin:0 0 10px;text-align:center;font-size:25px}.sections-wrapper{display:flex;flex-direction:column;gap:20px;margin:0 10px}.section{border:1px solid #ced4da;border-radius:5px;padding:20px;background:#fff;box-shadow:0 0 6px #00000040}.section1{display:flex;justify-content:space-between;align-items:center;width:100%}.section1 div{margin:5px}.section1 div:first-child input{max-width:150px;text-align:left}.section1 select{width:100%;font-size:1rem;padding:8px 4px;font-weight:400;line-height:1.5;color:#495057;outline:none;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.section1 div:nth-child(2) input{max-width:90px;text-align:left}.section1 div:nth-child(3){width:50px;text-align:left}.section1 div:nth-child(4){width:60px;text-align:left}.section1 p{margin:5px 5px 5px 0;text-align:left;font-size:14px}input{width:100%;font-size:1rem;padding:6px 10px;font-weight:400;line-height:1.5;color:#495057;outline:none;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.section button{padding:10px;outline:none;background-color:#fff;color:#1d9bf0;border:1px solid #1d9bf0;border-radius:4px;cursor:pointer;font-weight:700;transition:.5s all}.section button:hover{color:#fff;background-color:#1d9bf0;border-color:#1d9bf0;border-width:1px}.section2 ul{font-size:14px;list-style-type:none;padding-inline-start:0px;display:grid;align-items:center;margin:5px;grid-template-columns:1fr 1fr 1fr 1fr;text-align:center}@media (min-width: 768px){.sections-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start}.course-form-section,.course-list-section{flex:1}}