body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#faebd7}.container{align-items:center;display:flex;flex-flow:column;height:100vh;justify-content:center;overflow:hidden}.container .navbar{background:#000;height:10vh;width:100%}.container .sinGraph{background-color:#000;height:90vh;width:100%}canvas{height:100%;width:100%}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navbar .logo{font-size:35px;font-weight:700;margin-left:20px}.navbar nav{display:flex;gap:20px}.navbar a{color:#fff;font-size:18px;text-decoration:none}.navbar .login-button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px}.navbar .login-button:hover,.navbar a:hover{opacity:.8}.record{align-items:center;background-color:gray;border-radius:50%;color:#fff;display:flex;font-size:18px;height:400px;justify-content:center;overflow:hidden;padding:5px 10px;position:absolute;right:10px;top:25vh;width:400px}.record img{height:460px;width:460px}.overlay{cursor:pointer;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.icon{color:#000;height:50px;opacity:.7;width:50px}.record:hover .icon{opacity:1}
/*# sourceMappingURL=main.b5726afa.css.map*/