*{margin: 0;padding: 0;}html{scroll-behavior: smooth;}body{font-family: Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,Oxygen, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;}.theme-light{--color-primary: #f7fafc;--color-secondary: #e2e8f0;--font-color: #000000;--hover-color: #5a67d8;--font-color-secondary: #4a5568;--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='rgb(45, 55, 72)' stroke-width='1' fill='rgb(45, 55, 72)' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z'/%3E%3C/svg%3E");}.theme-dark{--color-primary: #1a202c;--color-secondary: #2d3748;--font-color: #ffffff;--hover-color: #7f9cf5;--font-color-secondary: #a0aec0;--icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='yellow' stroke-width='2.4' fill='yellow' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E");}.container__custom{width: 100%;background-color: var(--color-primary);transition: 0.5s ease-in-out;}.container__custom h1,#title,h2,a{color: var(--font-color);}p{color: var(--font-color-secondary);}.container__custom button{color: var(--font-color);background: var(--color-primary);outline: none;}.container__custom button:hover{color: white;background: var(--hover-color);outline: none;}#navbar{background: var(--color-secondary);transition: top 0.5s ease-in-out;}#bullet-icon{background: var(--color-secondary);}.container__custom a:hover{color: var(--hover-color);}#hrs{border-top: 2px;border-color: var(--color-secondary);border-style: solid;}#bordered-card{border: 2px;border-color: var(--color-secondary);border-style: solid;}#custom-input-field{background: var(--color-secondary);border: 2px solid var(--color-primary);color: var(--font-color);}#custom-input-field:focus{outline: none;border: 2px solid var(--hover-color);}#custom-input-field::placeholder{color: #718096;}#odd-color{background-color: var(--color-secondary);}#card{background-color: var(--color-secondary);}#blue-btn{background: var(--hover-color);color: white;}#white-btn{background: var(--color-primary);}#white-btn:hover{color: white;background: #4c51bf;}#blue-btn:hover{color: white;background: #4c51bf;}#switch{background: var(--icon);height: 1.7rem;width: 1.7rem;}