@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap);.buttons{width:100px;float:left;bottom:0;top:50px;left:-125px;position:absolute;z-index:99}.cards button{margin:100px;width:100px;display:flex;float:left;position:absolute}.buttons:not(:first-child){margin-left:550px}.slider-body{padding:0 100px;width:800px;height:800px}.slider-body{margin:0;padding:0;width:1200px;height:700px}.slider-section{overflow:hidden;margin:0;margin-bottom:-150px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:"DM Sans",sans-serif;transition:background 0.4s ease-in;background-color:#fff}input[type="radio"]{display:none}.card{position:absolute;width:100%;height:100%;left:0;right:0;margin:auto;transition:transform 0.6s ease;cursor:pointer;-webkit-transition:transform 0.6s ease;-moz-transition:transform 0.6s ease;-ms-transition:transform 0.6s ease;-o-transition:transform 0.6s ease}.slider-container{width:100%;max-width:1200px;max-height:450px;height:100%;transform-style:preserve-3d;display:flex;justify-content:center;flex-direction:column;align-items:center}.cards{position:relative;width:70%;height:100%;margin-bottom:20px}.slider-container img{width:100%;height:100%;object-fit:cover}.deneme-01 img{width:30%}#item-1:checked~.cards #song-3,#item-2:checked~.cards #song-1,#item-3:checked~.cards #song-2{transform:translatex(-50%) scale(1);margin-right:-120px;opacity:.4;z-index:0;-webkit-transform:translatex(-50%) scale(1);-moz-transform:translatex(-50%) scale(1);-ms-transform:translatex(-50%) scale(1);-o-transform:translatex(-50%) scale(1)}#item-1:checked~.cards #song-2,#item-2:checked~.cards #song-3,#item-3:checked~.cards #song-1{transform:translatex(50%) scale(1);margin-left:470px;opacity:.4;z-index:0;-webkit-transform:translatex(50%) scale(1);-moz-transform:translatex(50%) scale(1);-ms-transform:translatex(50%) scale(1);-o-transform:translatex(50%) scale(1)}#item-1:checked~.cards #song-1,#item-2:checked~.cards #song-2,#item-3:checked~.cards #song-3{transform:translatex(0) scale(1);opacity:1;z-index:1;-webkit-transform:translatex(0) scale(1);-moz-transform:translatex(0) scale(1);-ms-transform:translatex(0) scale(1);-o-transform:translatex(0) scale(1)}.player{left:0;margin-left:230px;margin-top:270px;position:fixed;background-color:#fff;min-width:380px;padding:16px 10px;height:450px;z-index:99;box-shadow:10px 15px 50px rgb(0 0 0 / .25);-webkit-box-shadow:10px 15px 50px rgb(0 0 0 / .25)}.upper-part{position:relative;display:flex;align-items:center;margin-bottom:12px;height:100%;overflow:hidden}.play-icon{margin-right:10px}.song-info{display:block}.song-info .title{color:#0050b5;font-size:24px;margin-top:30px;font-family:Urbane}.sub-line{display:flex;justify-content:space-between;width:100%;margin-top:20px}.subtitle-more{margin-top:20px}.dot-number{padding-top:40px;display:flex;justify-content:center;align-items:center}.dot-number p{font-size:19px;font-weight:400}.indx-bgr{font-size:23px;font-weight:400;padding:7px}.info-area{width:100%;position:absolute;top:0;padding:0 30px;transition:transform 0.4s ease-in}#item-2:checked~.player #song-info-1,#item-2:checked~.player #song-info-3{transform:translateY(100px);display:none}#item-1:checked~.player #song-info-2,#item-1:checked~.player #song-info-3{transform:translateY(0);display:none}#item-3:checked~.player #song-info-1,#item-3:checked~.player #song-info-2{transform:translateY(0);display:none}