*{box-sizing:border-box;padding:0;margin:0}body{font-family:Arial,sans-serif;background-color:#fefae0;font-size:25px;color:#000}#root{height:auto;text-align:center;margin:0 auto;padding:2rem}.form-container{width:400px;margin:0 auto;padding:20px}label{display:block;font-weight:700}input[type=text],select{border-radius:6px;border:1px solid black;font-size:30px;height:60px;width:100%;padding:10px;margin:13px 0}.add-btn{text-align:center;margin-top:25px;display:inline-block;height:60px;width:200px;font-size:50px;padding:10px 20px;font-size:25px;color:#fff;background-color:#329132;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.add-btn:hover{background-color:#45a049}@media only screen and (max-width: 450px){.form-container{width:250px}input[type=text],select{height:50px}.add-btn{width:100px;height:40px}}.course-list{display:flex;flex-direction:column;width:100%;max-width:700px;margin:10px auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}.course-headers{font-weight:700;font-size:23px;margin-bottom:10px}.course-headers>div{flex:1}.course-row{font-size:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}.course-row:hover{background-color:#f0f0f0}.course-row>div{flex:1}.buttons{display:flex;flex-direction:row;justify-content:center;align-items:baseline}.course-row button{background:none;align-items:center;color:#000;border:none;margin:5px 10px;font-size:20px;border-radius:6px;cursor:pointer}.course-row button:hover{color:#d32f2f;text-decoration:underline}.total-gpa{margin-top:20px;background-color:#e0f7fa;padding:10px;border-radius:8px;border-top:1px solid #ccc}.total-gpa p{font-size:22px;font-weight:700}.empty-state{text-align:center;color:#666;font-style:italic;margin-top:20px}@media only screen and (max-width: 450px){.course-list{max-width:400px;padding:10px}.course-headers h3{font-size:15px}.course-row{font-size:15px;margin-bottom:5px}.course-row button{font-size:15px;margin:5px}}.gpa-calculator-container{text-align:center;border-radius:12px;border:1px solid #dee2e6;box-shadow:0 4px 8px #0000001a;margin:auto;background-color:#fff;width:900px;padding:20px 10px;display:flex;flex-direction:column;align-items:center}.gpa-calculator-container h1{margin-bottom:20px}@media only screen and (max-width: 450px){.gpa-calculator-container{border-radius:8px;width:100%;padding:10px 5px}.gpa-calculator-container h1{font-size:30px}}