.gpa-calculator{color:#f0f0f0;background-color:#2b2b2b;border-radius:5px;flex-direction:column;align-items:center;width:80%;margin:20px 0;display:flex}.modal-container{background-color:#000000b3;width:110vw;height:110vh;transition:all 1s;position:fixed;top:0;left:0}.modal{background-color:#3c3c3c;border-radius:10px;padding:21px 15px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:5px 5px 10px #000}.gpa-calculator h3{color:#fff;background-color:#1365b7;border-top-left-radius:4px;border-top-right-radius:4px;justify-content:space-between;width:100%;margin:0;font-family:system-ui;font-size:15px;display:flex}.gpa-calculator h3 span{padding-left:6px;font-weight:400}.gpa-calculator h3 button{color:#fff;background:0 0;border:none;padding:0 5px}.gpa-calculator h3 button:hover{color:red;cursor:pointer}.semester-table{background-color:#3c3c3c;border:2px solid #1e90ff;border-radius:7px;width:85%;margin:5px;padding:12px}.row-items{text-align:left;color:#f0f0f0}.row-items input{color:#f0f0f0;background-color:#2b2b2b;border:2px solid #1e90ff;border-radius:30px;width:85%;height:23px;padding-left:9px;font-size:1.1em}.row-items input:focus-visible{outline:none}.show-gpa{color:#fff;background-color:#af6101;border-radius:100px;flex-direction:column;justify-content:center;align-items:center;width:140px;height:140px;margin:10px;display:flex}@media (max-width:770px){.gpa-calculator{width:95%}}@media (max-width:426px){.gpa-calculator{width:98%}.semester-table{width:95%}}