@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    box-sizing: border-box;
}

body {
    background-color: rgb(251, 251, 251);
    min-height: 100vh;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    letter-spacing: 0.02em;
}

td input[type="text"] {
    width: 70%;
}

.symbol-and-image {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}

nav.navbar {
    border-bottom: 1px solid rgb(233, 233, 233);
}

div.button.is-link.is-outlined {
    max-width: 200px;
}

h1.is-size-2 {
    font-weight: 600;
}

h2.browse.is-size-6 {
    font-weight: 600;
}

td.unrealized-pl-profit-color {
    color: rgb(27, 199, 127);
}

td.unrealized-pl-loss-color { 
    color: red;
}