Tasarım.css

.kutu,.kutu-değişken{width:100%;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}.buton,img{vertical-align:middle}.buton,.buton:not(:disabled):not(.disabled),.close:not(:disabled):not(.disabled),.navbar-toggler:not(:disabled):not(.disabled),.page-link:not(:disabled):not(.disabled){cursor:pointer}*,::after,::before{box-sizing:border-box}html{font:10px/1.15 sans-serif}body,small{font-weight:400}body{text-align:center;margin:0;font-size:14px;line-height:1.42857143;color:#333;background-color:#eee}h1,h2,p{margin-top:0}p{margin:0 0 10px}b,h1,h2{font-weight:700}@media (min-width:576px){.kutu{max-width:540px}}@media (min-width:768px){.kutu{max-width:720px}}@media (min-width:992px){.kutu{max-width:960px}}@media (min-width:1200px){.kutu{max-width:1140px}}table{background-color:transparent;width:100%;border-spacing:0;border-collapse:collapse}.sütun,.eklenti,.sütun-çokbüyük-4,.sütun-çokbüyük-8{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.sütun{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.tablo td,.tablo th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.tablo-sınırlı,.tablo-sınırlı td,.tablo-sınırlı th{border:1px solid #dee2e6}.buton,.tablo-interaktif>.tablo-sınırlı{border:0}.tablo-çizgili tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.tablo-değişken tbody tr:hover{background-color:rgba(0,0,0,.09)}@media (min-width:768px){.eklenti{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}}@media (min-width:1200px){.sütun-çokbüyük-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.sütun-çokbüyük-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}}.buton-resim:focus,.buton-resim:not(:disabled):not(.disabled).active:focus,.buton-resim:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.15)}.buton:not(:disabled):not(.disabled).active,.buton:not(:disabled):not(.disabled):active{background-image:none;color:#fff}.buton-resim:not(:disabled):not(.disabled).active,.buton-resim:not(:disabled):not(.disabled):active{color:#fff;background-color:rgba(0,0,0,.4);border-color:rgba(0,0,0,.42)}.buton-resim-dışçizgi:not(:disabled):not(.disabled).active,.buton-resim-dışçizgi:not(:disabled):not(.disabled):active{color:#fff;background-color:rgba(0,0,0,.3);border-color:rgba(0,0,0,.3)}.buton-resim-dışçizgi:not(:disabled):not(.disabled).active:focus,.buton-resim-dışçizgi:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(0,0,0,.15)}.kutu-büyük{padding:30px 1rem;border-radius:.3rem;min-height:128px;margin-bottom:30px;color:inherit;background-color:#eee}@media (min-width:576px){.kutu-büyük{padding:4rem 2rem}}.telif-hakkı{background-color:#0F1419!important;padding-top:1rem!important;padding-bottom:1rem!important}.metin-ortalanmış{text-align:center!important}.metin-beyaz{color:#fff!important}hr.çizgi-siyah,hr.çizgi-beyaz{margin:25px auto 30px;padding:0;max-width:250px;border:0;border-top:5px solid;text-align:center}hr.çizgi-siyah:after,hr.çizgi-beyaz:after{display:inline-block;position:relative;top:-.8em;padding:0 .25em}hr.çizgi-beyaz{border-color:#fff}hr.çizgi-siyah{border-color:#2c3e50}.buton-resim,hr,img{border:0}section{padding:6rem 0}section h2{font-size:2.25rem;line-height:2rem}@media (min-width:992px){section h2{font-size:3rem;line-height:2.5rem}}header.baş{padding-top:3.2rem;padding-bottom:3.2rem}header.baş h1{font-size:4.75rem;line-height:3.5rem}@media (min-width:992px){header.baş{padding-top:3.2rem;padding-bottom:3.2rem}header.baş h1{font-size:4.75em;line-height:4rem}}a:active,a:focus,a:hover{color:#128f76}.arkaplan-birincil{background-color:#00BE9B!important;color:#fff}a,table{background-color:transparent}header,section{display:block}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:36px}hr{overflow:visible;height:0;box-sizing:content-box;border-top:1px solid #eee}td{padding:0}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.buton){text-decoration:underline}@page{size:a3}.kutu,body{min-width:992px!important}*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,p{orphans:3;widows:3}h2{page-break-after:avoid}.tablo td,.tablo th{background-color:#fff!important}.tablo-sınırlı td,.tablo-sınırlı th{border:1px solid #ddd!important}}.buton,.buton:active{background-image:none}*,:after,:before{box-sizing:border-box}a{text-decoration:none}a:focus,a:hover{text-decoration:underline}.buton-resim:active:focus,.buton-resim:focus,a:focus{outline-offset:-2px}.buton-resim,:focus{outline:0}.yazı-büyük,hr{margin-bottom:20px}h1,h2,hr{margin-top:20px}h1,h2{line-height:1.1;color:inherit;margin-bottom:10px}h2{font-size:30px}.yazı-büyük{font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.yazı-büyük{font-size:21px}.kutu{width:750px}}small{font-size:85%}@media (min-width:992px){.kutu{width:970px}}@media (min-width:1200px){.kutu{width:1170px}}.eklenti,.sütun-çokbüyük-12{position:relative;min-height:192px;padding-right:15px;padding-left:15px}.sütun-çokbüyük-12{float:left;width:100%}@media (min-width:992px){.eklenti{float:left;width:50%}}.tablo>tbody>tr>td,.tablo>tbody>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.tablo-sınırlı,.tablo-sınırlı>tbody>tr>td,.tablo-sınırlı>tbody>tr>th{border:1px solid #ddd}.tablo-çizgili>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}@media screen and (max-width:767px){.tablo-interaktif>.tablo>tbody>tr>td,.tablo-interaktif>.tablo>tbody>tr>th{white-space:nowrap}.tablo-interaktif>.tablo-sınırlı>tbody>tr>td:first-child,.tablo-interaktif>.tablo-sınırlı>tbody>tr>th:first-child{border-left:0}.tablo-interaktif>.tablo-sınırlı>tbody>tr>td:last-child,.tablo-interaktif>.tablo-sınırlı>tbody>tr>th:last-child{border-right:0}}.buton:active:focus,.buton:focus{outline:5px;outline-offset:-2px}.buton,.buton:active,:focus{outline:0}.buton:focus,.buton:hover{color:#333;text-decoration:none}.buton-resim:active,.buton-resim:hover{background-color:rgba(0,0,0,.15);border-color:rgba(0,0,0,.15)}.buton-resim:active:focus,.buton-resim:active:hover{background-color:rgba(0,0,0,.15);border-color:rgba(0,0,0,.4)}.kutu-içeriği-ortalanmış{display:flex;text-align:center;align-items:center;justify-content:center}.kutu .kutu-büyük,.kutu-değişken .kutu-büyük{padding-right:15px;padding-left:15px;border-radius:6px}@media screen and (min-width:768px){.kutu-büyük{padding-top:48px;padding-bottom:48px}.kutu .kutu-büyük,.kutu-değişken .kutu-büyük{padding-right:60px;padding-left:60px}}.kutu-değişken:after,.kutu-değişken:before,.kutu:after,.kutu:before{display:table;content:" "}.kutu-değişken:after,.kutu:after{clear:both}body,h1,h2{font-family:sans-serif;font-weight:300}a,a:focus,a:hover{color:#009688}body .kutu .kutu-büyük,body .kutu-değişken .kutu-büyük{padding:19px;margin-bottom:20px;box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:2px;border:0;background-color:#fff}.buton-resim{color:#fff;background:rgba(0,0,0,.13) 0 0;display:inline-block;line-height:1.42857143;text-align:center;white-space:nowrap;touch-action:manipulation;user-select:none;border-radius:2px;position:relative;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow,transform;transition:box-shadow .25s cubic-bezier(.4,0,1,1),background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);text-decoration:none;background:0 0}.buton{display:inline-block;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;touch-action:manipulation;user-select:none;border-radius:2px;position:relative;padding:8px 30px;margin:10px 1px;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:0;will-change:box-shadow,transform;transition:box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 2px 0 rgba(0,0,0,.15),0 3px 1px -2px rgba(0,0,0,.2);text-decoration:none;background:0 0;background-color:#009688;color:rgba(255,255,255,.85)}.buton::-moz-focus-inner{border:0}.buton:active,.buton:focus,.buton:hover{outline:0;background-color:#00aa9a;color:rgba(255,255,255,1)}.buton:focus,.buton:focus:active,.buton:focus:active:hover,.buton:focus:hover{box-shadow:4px 5px 16px 0 rgba(0,0,0,.875)}