.navigation{border-bottom:1px solid #2d493d;display:flex;justify-content:space-between;padding:0 40px}.navigation ul{display:flex;align-items:center;margin:0;padding:0}.navigation__link{display:inline-block;padding:15px;cursor:pointer;text-decoration:none;color:#fff;margin-left:5px;transition:.2s;font-weight:700}.navigation__link:hover{color:#2d493d}@media screen and (max-width:768px){.navigation{padding:0 10px}.navigation__link{margin-left:0;font-size:.8rem;padding:15px 5px}}@media screen and (max-width:480px){.navigation{overflow-x:scroll}}body,html{display:block;margin:0;padding:0;color:#fff;background-color:#18212b;min-height:100vh}.layout-wrapper{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.layout.content{margin:20px auto;max-width:1200px;width:96%}@media screen and (max-width:768px){.layout.content{margin:0;padding:20px;width:auto}}.input{color:#fff;margin-top:10px;padding:15px;border-radius:5px;background-color:transparent;border:1px solid #2d493d;transition:.2s}.input:focus,.input:hover{border-color:#3fa178;background-color:#12181f}.input:focus{outline:none}.input::-moz-placeholder{font-style:italic}.input::placeholder{font-style:italic}footer{background-color:#12181f;padding:50px 0;text-align:center;border-top:1px solid #2d493d;font-size:14px;color:#6c757d;margin-top:20px}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aec774cbe1963439-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/634216363f5c73c1-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d83fe381bb17eb77-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/88325a2c1fede2f4-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Montserrat_b1da2a;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e1c529c04de64b40-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Montserrat_Fallback_b1da2a;src:local("Arial");ascent-override:84.95%;descent-override:22.03%;line-gap-override:0.00%;size-adjust:113.95%}.__className_b1da2a{font-family:__Montserrat_b1da2a,__Montserrat_Fallback_b1da2a;font-style:normal}.stock-list-item{list-style:none;margin-top:5px}.stock-list-item a{display:flex;align-items:center;justify-content:space-between;color:#fff;text-decoration:none;padding:10px;border-left:1px solid #2d493d;font-weight:700;cursor:pointer}.stock-list-item a:hover{color:hsla(0,0%,100%,.726)}.stock-list-item__name-container{display:flex;align-items:center}.stock-list-item__symbol{font-size:.7rem;font-weight:400;color:hsla(0,0%,100%,.726)}.stock-list-item__name{margin-left:10px;font-size:1.2rem}.stock-list-item__daily-change{text-align:right;width:60px;display:inline-block;margin-left:50px}@media screen and (max-width:768px){.stock-list-item__name{font-size:1rem;max-width:60%}.stock-list-item__daily-change,.stock-list-item__value{font-size:.8rem;margin-left:10px}}ul{list-style:none;padding:0}.stock-page{display:flex;flex-direction:column;max-width:800px;margin:0 auto;min-height:85vh}.stock{display:flex;flex-grow:1}.stock .stock__info{min-width:60%;padding:0 20px}.stock .stock__info--title-symbol{display:block;font-size:1rem;color:gray}.stock .stock__info--title-name{display:block;font-size:1.5rem;font-weight:700;margin-top:5px}.stock .stock__info .stat-graph{margin-top:0}.stock .stock__news{padding:0 20px;width:80%;min-width:300px;max-width:600px;flex-grow:1}.stock .stock__news .stat-card{width:auto}@media screen and (max-width:768px){.stock{flex-direction:column}.stock .stock__info,.stock .stock__news{min-width:100%;padding:0}.stock .stock__news{margin-top:20px}}.loader__container{display:flex;justify-content:center}.loader__container div{width:80px}