body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{box-sizing:border-box;margin:0;padding:0}:root{font-size:10px}.body{margin:auto;max-width:90rem;padding:1rem}.header{background-color:#844c08;color:#fff;display:flex;height:6rem;padding-bottom:1rem}.header h2{font-size:2.5rem;margin-left:2rem}.gpa-form{border-bottom:1px solid #844c08;border-radius:1rem;display:flex;justify-content:space-evenly;margin-top:1rem;padding:1rem}.gpa-form *{border:1px solid #000;border-radius:4px;box-shadow:5px 8px #844c08;height:1rem;margin:1rem;min-width:5rem;outline:none;padding:1rem}#course{min-width:10rem}.flex{display:flex;gap:8px;justify-content:center;margin:15px}.addCourse,.calculate{background-color:#844c08;border:none;border-bottom:1px solid #844c08;border-radius:.5rem;color:#fff;font-weight:700;outline:none;padding:1rem 2rem}#point,.addCourse{display:block}.grades{border:2px solid #844c08;border-radius:.5rem;color:#844c08;display:flex;font-size:1.5rem;justify-content:space-between;padding:2rem}@media screen and (max-width:700px){.grades{flex-direction:column;text-align:center}}footer{background-color:#222;color:#fff;margin-top:5rem;padding:3rem;text-align:center}.toggleGrade{align-items:center;color:#000;display:flex;flex-direction:row;font-weight:700;gap:4px;justify-content:space-evenly;margin-left:4rem}.toggleGrade span{font-size:1.65rem;z-index:1}.changeGrade{align-items:center;background-color:#844c08;border-radius:2rem;display:inline-block;display:flex;flex-direction:row;height:3.8rem;justify-content:space-evenly;position:relative;width:25rem}.changeGrade input{display:none}.slider{bottom:0;cursor:pointer;position:absolute;right:0;top:0;transition:.2s}.slider:before{background-color:#fff;border-radius:2rem;content:"";height:3.4rem;left:-24.8rem;position:absolute;top:.2rem;transition:.4s;width:14rem}.fivepoint{margin-left:-2rem;margin-right:2rem}input:checked+.slider:before{-webkit-transform:translateX(10.6rem);transform:translateX(10.6rem)}input:checked+.slider{background-color:#6495ed}.slider.round{border-radius:3.4rem}@media screen and (max-width:500px){:root{font-size:8px}}@media screen and (max-width:350px){:root{font-size:7px}}
/*# sourceMappingURL=main.cb9ab30c.css.map*/