<style> .accordion-item p { margin: 0 !important; } .bosluksil{margin-left:-2.5px; margin-right:-2.5px;} .solbos{margin-left:-8px} @media only screen and (max-width: 766px) { .mobildeasagi{height:10% !important} .solbos>* {width:auto !important; margin-right: -22px !important;} .altresim{width:90px} .toggle{top:20px !important;right:70px !important;} .nav-item{ margin-bottom:20px; line-height:60px; float:right; } } @media (min-width: 767px) and (max-width: 1024px) { .toggle{top:50px !important;right:70px !important;} } html, body { background-color:#e8eaec; max-width: 100%; overflow-x: hidden; transition:0.5s; }.navbar-nav li a{color:white; font-weight: 700}.navbar-nav li a:hover{color:white !important;}.nav-link{font-size:18px; font-weight:500 !important;}body.night{background: #383b50; color: #d9dae9;}body.night .accordion-item{background: #383b50; color: #d9dae9;}.toggle{ position: absolute; top:30px; right: 20px; background:#fff; border: 2px solid #00151f; width:45px; height:20px; cursor: pointer; border-radius: 20px; transition: 0.5s; }.toggle:before{content:'';position: absolute;top:1px;left:2px;width: 14px;height:14px;background:#00151f;border-radius: 50%;transition: 0.5s;}.toggle.active:before{left:27px;}#delay {opacity: 0; animation: fadeIn 0.1s linear 0.1s forwards;}#delay2 {opacity: 0; animation: fadeIn 0.2s linear 0.2s forwards;}@keyframes fadeIn {to {opacity: 1;}}</style>