body {
            font-family: Inter,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f2f2f2;
        }
        header {
            background-color: #1c1e3d;
            color: #fff;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 2px;
        }
        h1, h2 {
            margin: 0;
        }
        .stock-overview {
            max-width: 800px;
            margin: 20px auto;
            padding: 20px;
            background-color: #fff;
            border-radius: 5px;
            box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
        }
        
        .stock-overview h2 {
            margin-top: 0;
        }
        
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            padding: 8px 12px;
            text-align: center;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        
        .abbreviation {
            width: fit-content;
            box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
            border-radius: 6px;
            font-size: 15px;
            height: fit-content;
            background-color: white;
            align-self: center;
        }
        
        .listrow {
            font-size: 18px;
            padding-bottom: 6px;
            display: flex;
            align-items: center;
        }
        
        .listitem {
            margin-right: 5px;
            padding: 4px;
        }
        
        .name {
            width: 30%;
            text-align: left;
        }
        
        .value {
            float: right;
        }
        
        .data {
            text-align: center;
        }
        
        .statusbar {
            padding: 15px;
        }
        
        .statusitem {
            display: inline-flex;
            background-color: white;
            padding: 3px;
            border-radius: 5px;
            border: 1px solid lightgray;
            vertical-align: middle;
        }
        
        .positiveValue {
            color: #16C784;
            padding: 3px;
            border-radius: 5px;
            font-weight: 600;
            background-color: #dbffd1;
        }
        
        .negativeValue {
            color: red;
            padding: 3px;
            border-radius: 5px;
            font-weight: 600;
            background-color: #ffe0e0;
        }
        
        .zeroValue {
            color: gray;
            padding: 3px;
            border-radius: 5px;
            font-weight: 600;
            background-color: #ededed;
        }
        
        .percentageField {
           width: fit-content;
           display: inline;
           vertical-align: sub;
        }
        
        .title {
            display: inline-block;
        }
        
        .titledescription {
            font-size: 12px;
            float: right;
            display: inline-block;
        }
        
        .percentageTableItem {
            text-align: center;
        }
        
        .tableNameItem {
            width: 100%;
            padding-left: 0;
        }
        
        .tableAbbrItem {
            padding-right: 0;
        }
        
        .marketOpen {
            background-color: #34eb4c;
            border-radius: 10px;
            width: 12px;
            height: 12px;
            display: inline-flex;
        }
        
        .marketClosed {
            background-color: #eb3434;
            border-radius: 10px;
            width: 12px;
            height: 12px;
            display: inline-flex;
        }
        
        .marketstatusicon {
            align-self: center;
            margin-right: 3px;
        }
        
        .verticalmiddle {
            vertical-align: middle;
        }
        
        .infoicon {
            width: 25px;
        }
        
        .marketinfo {
            font-size: 20px;
        }