body{display:flex;flex-direction:column;align-items:center;justify-content:center}.main{width:82% !important}.fon_title{width:100%;display:flex;flex-direction:column;gap:0px;justify-content:center;align-items:center}.fon_title .kod{font-size:150%;font-family:Inter-Bold;color:black;margin-bottom:10px}.fon_title .name{font-size:20px;font-family:Inter-Bold;color:var(--text-color);margin-bottom:20px;width:80%}.fon_info{width:100%;display:flex;flex-direction:column;gap:10px;padding:8px 2%;align-items:center;justify-content:center}.fon_info > div{display:flex;justify-content:space-between;align-items:stretch;gap:20px;width:100%;flex-wrap:wrap}.fon_info > div .item{min-width:100px;flex:1;background-color:var(--background-color);padding:5px;border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px}.fon_info .degisim_row .item{background-color:var(--primary)}.fon_info > div .item .title{font-size:12px;margin-bottom:5px;font-family:Inter-Bold;text-align:center}.fon_info > div .item .data{font-size:12px;color:var(--text-color)}.fon_info .degisim_row .item .title{color:rgb(236, 236, 236);margin-bottom:7px;font-family:Inter-Medium;text-align:center}.fon_info .degisim_row .item .data{color:white;font-size:16px;font-family:Inter-Bold}.fon_info .degisim_row .item .data::after{content:"%";font-size:12px}.col_1{flex:1;position:relative;display:flex;align-items:center;flex-direction:column}.fiyat_grafik{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.fiyat_grafik>div{width:100%}.donut-chart{width:350px;height:350px}#degisim-grafik{width:80%;height:400px}#fiyat-grafik{width:100%;height:100px}.degisim_buttons{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.degisim_buttons .button{flex:1;color:white;background-color:var(--primary)}.chart_buttons{width:100%;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-around;margin:0px 10px;margin-bottom:30px}.chart_buttons .chart_button{flex:1;min-width:80px;padding:5px 10px;font-size:14px;background-color:var(--primary);color:white;text-align:center;display:flex;justify-content:center;align-items:center;font-family:Inter-Bold;border-radius:10px;cursor:pointer}.chart_buttons .chart_button:hover{background-color:var(--primary-dark)}@media screen and (max-width:1000px){.main{width:88% !important}.fiyat_grafik{width:100%}.donut-chart{width:300px;min-height:30vh}.degisim_buttons .button{font-size:8}.degisim-grafik-container{padding-top:24px;width:300px;min-height:30vh}}