:root{--primary-color: #6200ea;--primary-dark: #3700b3;--secondary-color: #03dac5;--secondary-dark: #018786;--button-text-color: #ffffff;--background-color: #f5f5f5;--dark-background-color: #202020;--border-color: #ccc;--text-color: #333;--dark-text-color: #f5f5f5;--error-color: #f44336;--link-color: #007bff;--link-hover-color: #0056b3;--dark-link-color: #03dac5;--dark-link-hover-color: #018786}body{background-color:var(--text-color);margin:0;height:100%;display:flex;flex-direction:column}html{height:100%}.app-container{display:flex;flex-direction:column;min-height:100vh}.author-section{text-align:center;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:18px;margin-top:auto;padding:10px 0;color:var(--background-color)}.author-section a{color:var(--link-color);text-decoration:none}.author-section a:hover{color:var(--link-hover-color);text-decoration:underline}.App.dark .author-section{background-color:var(--dark-background-color);color:var(--dark-text-color)}.App.dark .author-section a{color:var(--dark-link-color)}.App.dark .author-section a:hover{color:var(--dark-link-hover-color)}:root{--primary-color: #6200ea;--primary-dark: #3700b3;--secondary-color: #03dac5;--secondary-dark: #018786;--button-text-color: #ffffff;--background-color: #f5f5f5;--dark-background-color: #333;--border-color: #ccc;--text-color: #333;--dark-text-color: #f5f5f5;--error-color: #f44336}.App{text-align:center;font-family:Arial,sans-serif;background-color:var(--background-color);padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:800px;margin:auto;transition:background-color .3s,color .3s}.App.dark{background-color:var(--dark-background-color);color:var(--dark-text-color)}.class-inputs{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.class-inputs input,.class-inputs select{margin:5px;padding:10px;border:1px solid var(--border-color);border-radius:5px;flex:1;min-width:100px}.delete-button{background:none;border:none;cursor:pointer;color:var(--error-color);font-size:20px;margin-left:10px}.button-container{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px}button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--button-text-color);margin:5px}button svg{margin-right:5px}.add-button{background-color:var(--secondary-color)}.add-button:hover{background-color:var(--secondary-dark)}.calculate-button{background-color:var(--primary-color)}.calculate-button:hover{background-color:var(--primary-dark)}.gpa-display{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--button-text-color);font-size:24px;font-weight:700;margin:20px auto}h1{color:var(--text-color)}.App.dark h1{color:var(--dark-text-color)}h2{margin-top:20px;color:var(--button-text-color)}.error{color:var(--error-color);margin-top:20px}.theme-toggle{background:none;border:none;cursor:pointer;font-size:20px;margin-left:10px}header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.info-section{text-align:left;margin-bottom:20px}.formula{font-weight:700;font-size:1.2em}.formula-title{color:var(--text-color)}