:root{--background-color: #F2F9FF;--text-color: black}[data-theme=dark]{--background-color: #000205;--text-color: white}*{padding:0;margin:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}body{background-color:var(--background-color)}.input-container{display:flex;align-items:center;justify-content:center;height:20vh}.input-box{margin:20px;width:30vw;height:10vh;padding:20px;font-size:1.5rem;background-color:transparent;border:1px solid var(--text-color);border-radius:7px;color:var(--text-color)}.search-button{height:10vh;width:7vw;padding:10px;font-size:1.5rem;background-color:transparent;border-radius:7px;border:1px solid var(--text-color)}.search-button:hover{cursor:pointer;background-color:#d5e2f3}.chart-container{border:1px solid var(--text-color);padding:0vw;margin-top:0;height:62vh;background-size:40px 40px;background-image:radial-gradient(circle,#8b8b8b 1px,#0000 1px)}.title-container{text-align:center;padding:3vh 3vh 5vh;font-size:1rem}.title{text-transform:capitalize}.chart-container:active{cursor:grabbing}@media only screen and (max-width: 950px){.input-container{display:flex;flex-direction:column;font-size:12px}.search-button{width:20vw}}@media only screen and (max-width: 1110px){.input-box{width:60vw}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:50px 80px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-logo{font-size:1.8rem;font-weight:700;color:var(--text-color)}.navbar-logo:hover{cursor:pointer}.navbar-links a{color:var(--text-color);font-size:1.5rem;margin-left:20px;transition:color .3s}.navbar-links a:hover{color:#7ea5cf}@media (max-width: 768px){.navbar{flex-direction:column;padding:20px}.navbar-links{margin-top:10px}.navbar-links a{margin-left:10px}}