#root{max-width:390px;margin:0 auto;text-align:center;height:100%}.head{display:flex;justify-content:space-between;align-items:center;margin:0 5px}.fil-right{width:39px;height:39px}.actionArea{height:83%;width:95%;background-color:#fff;border-radius:20px;margin:6% auto 0}.addCourse{display:flex;float:left;margin:3%}.courses{display:inline-block;height:68%;width:90%;margin:0 auto;overflow:hidden;color:#000;overflow-y:scroll}.course-tagname{display:flex;text-transform:uppercase;font-weight:300;line-height:24px}.course-details{display:inline-flex;gap:15px;flex-wrap:wrap;flex-direction:row}.course--input{width:95%;height:40px}.foot{margin-top:2%;height:10%;justify-content:center}.calcbtn{color:#fff;padding:7% 10%;background-color:var(--primary-color);border:none;border-radius:8px;-webkit-appearance:none;appearance:none}.results{color:#000;height:100%}.phone{height:100%}.results--header{display:inline-flex;position:relative;padding:15px 0;justify-content:space-evenly;margin:8% 0 4%;width:101%;color:#fff;left:-1px;background-color:var(--primary-color)}.results--footer{display:flex;align-items:center;gap:5px;justify-content:center;font-weight:700;font-size:20px}table,th,td{border:1px solid black}table{width:100%}@media (max-width: 400px){input[type=submit],input[type=number]{font-size:13px}input[type=text]{font-size:14px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ffffffde;background-color:var(--primary-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary-color: #001A64}body{margin:0;display:flex;place-items:center;min-width:320px;height:100dvh}@media screen and (-webkit-min-device-pixel-ratio:0){select,textarea,input{font-size:16px}select:focus,textarea:focus,input:focus{font-size:16px}}