:root {
    --beyaz:#fff;
    --siyah:#000;
}

*,
::before,
::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
}

img {
    max-width: 100%;
}

.beyaz {color: var(--beyaz);}

.bg-beyaz{background-color: var(--beyaz);}
.bg-siyah{background-color: var(--siyah);}

/**************** TABS **********************/

.br1{border-radius: 1rem;}

/**************** FONT **********************/

h1,
h2,
h3,
h4,
p,
a,
ul {
    margin: 0;
}

ul, ol {
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: inherit;
}

h1, .h1 {
    --min: 2em;
    --val: 5vw;
    --max: 3em;
}
h2, .h2 {
    --min: 1.5em;
    --val: 4vw;
    --max: 2.25em;
}
h3, .h3 {
    --min: 1.5em;
    --val: 3vw;
    --max: 2em;
}
h4, .h4 {
    --min: 1.25em;
    --val: 2.75vw;
    --max: 1.5em;
}
h5, .h5 {
    --min: 1em;
    --val: 2.5vw;
    --max: 1.25em;
}
p,
a {
    --min: 1em;
    --max: 1.125em;
}

h1,
h2,
h3,
h4,
p,
a, .a {
    font-size: clamp(var(--min), var(--val), var(--max));
}

a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none;
}

.lh1{line-height: 1;}
.lh1-5{line-height: 1.5;}
.lh2{line-height: 2;}
.lh3{line-height: 3;}

.yazi-ortala{text-align: center;}
.yazi-sag{text-align: right;}

.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}

.fs07{font-size: 0.7rem}
.fs1{font-size: 1rem}
.fs1-5{font-size: 1.5rem}
.fs2{font-size: 2rem}
.fs3{font-size: 3rem}




/**************** FONT **********************/

.mt03 {margin-top: .3rem}
.mt04 {margin-top: .4rem}
.mt05 {margin-top: .5rem}
.mt06 {margin-top: .6rem}
.mt07 {margin-top: .7rem}
.mt08 {margin-top: .8rem}
.mt09 {margin-top: .9rem}
.mt1 {margin-top: 1rem}
.mt2 {margin-top: 2rem}
.mt3 {margin-top: 3rem}
.mt4 {margin-top: 4rem}
.mt5 {margin-top: 5rem}

.mb03 {margin-bottom: .3rem}
.mb04 {margin-bottom: .4rem}
.mb05 {margin-bottom: .5rem}
.mb06 {margin-bottom: .6rem}
.mb07 {margin-bottom: .7rem}
.mb08 {margin-bottom: .8rem}
.mb09 {margin-bottom: .9rem}
.mb1 {margin-bottom: 1rem}
.mb2 {margin-bottom: 2rem}
.mb3 {margin-bottom: 3rem}
.mb4 {margin-bottom: 4rem}
.mb5 {margin-bottom: 5rem}

.mtb03 {margin: .3rem 0 .3rem 0}
.mtb04 {margin: .4rem 0 .4rem 0}
.mtb05 {margin: .5rem 0 .5rem 0}
.mtb06 {margin: .6rem 0 .6rem 0}
.mtb07 {margin: .7rem 0 .7rem 0}
.mtb08 {margin: .8rem 0 .8rem 0}
.mtb09 {margin: .9rem 0 .9rem 0}
.mtb1 {margin: 1rem 0 1rem 0}
.mtb2 {margin: 2rem 0 2rem 0}
.mtb3 {margin: 3rem 0 3rem 0}
.mtb4 {margin: 4rem 0 4rem 0}
.mtb5 {margin: 5rem 0 5rem 0}

.pt03 {padding-top: .3rem}
.pt04 {padding-top: .4rem}
.pt05 {padding-top: .5rem}
.pt06 {padding-top: .6rem}
.pt07 {padding-top: .7rem}
.pt08 {padding-top: .8rem}
.pt09 {padding-top: .9rem}
.pt1 {padding-top: 1rem}
.pt2 {padding-top: 2rem}
.pt3 {padding-top: 3rem}
.pt4 {padding-top: 4rem}
.pt5 {padding-top: 5rem}

.pb03 {padding-bottom: .3rem}
.pb04 {padding-bottom: .4rem}
.pb05 {padding-bottom: .5rem}
.pb06 {padding-bottom: .6rem}
.pb07 {padding-bottom: .7rem}
.pb08 {padding-bottom: .8rem}
.pb09 {padding-bottom: .9rem}
.pb1 {padding-bottom: 1rem}
.pb2 {padding-bottom: 2rem}
.pb3 {padding-bottom: 3rem}
.pb4 {padding-bottom: 4rem}
.pb5 {padding-bottom: 5rem}

.ptb03 {padding: .3rem 0 .3rem 0}
.ptb04 {padding: .4rem 0 .4rem 0}
.ptb05 {padding: .5rem 0 .5rem 0}
.ptb06 {padding: .6rem 0 .6rem 0}
.ptb07 {padding: .7rem 0 .7rem 0}
.ptb08 {padding: .8rem 0 .8rem 0}
.ptb09 {padding: .9rem 0 .9rem 0}
.ptb1 {padding: 1rem 0 1rem 0}
.ptb2 {padding: 2rem 0 2rem 0}
.ptb3 {padding: 3rem 0 3rem 0}
.ptb4 {padding: 4rem 0 4rem 0}
.ptb5 {padding: 5rem 0 5rem 0}

.plr1 {padding: 0 1rem}

.w50{width: 50%;margin: 0 auto;}
.w70{width: 70%;margin: 0 auto;}
.w80{width: 80%;margin: 0 auto;}


/**************** Hizalama **********************/

.align-self-center {align-self: center;}
.align-items-center {align-items: center;}
.align-content-center {align-content: center;}
.justify-self-center {justify-self: center;}
.justify-self-end {justify-self: end;}
.justify-items-center {justify-items: center;}
.justify-content-center{justify-content: center;}

/**************** Hizalama **********************/

button {
    font-family: inherit;
    font-size: inherit;
    border-style: none;
}


.icerik {
    width: clamp(16rem, 90vw, 75rem);
    margin-left: auto;
    margin-right: auto;
}

.auto-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-gap: 1rem;
    grid-row-gap: 2rem;
}

.auto-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1rem;
}

.auto-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}

.auto-grid-75 {
    display: grid;
    grid-template-columns: 75% 25%;
    grid-gap: 1rem;
}

.auto-grid-menu {
    display: grid;
    grid-template-columns: 30% 70%;
    grid-gap: 1rem;
}

.btnss {
    box-shadow: 0 3px 27px 0 rgb(0 0 0 / 17%);
    padding: 10px 20px;
    border-radius: 10px;
    margin-top: 10px;
}

.hfull {height: 100vh;}

.dflex {display: flex;}
.column {flex-direction: column;}



/**************** Uyarılar **********************/

.alert {
    border-radius: 0.35rem;
    padding: 1rem 1.5rem;
}

.alert-primary {
    background-color: #fff1e9;
    border-color: #f9d9cb;
    color: #eb8153;
}

/**************** Diğer **********************/

.liste {
    list-style: disc;
    list-style-position: inside;
    line-height: 1.6rem;
    padding: 0.5rem;
}

.z1 {
    z-index: 1;
}

p {
    line-height: 1.5;
}

.normal {
    font-weight: var(--normal);
}

.orta {
    font-weight: var(--orta);
}

.kalin {
    font-weight: var(--kalin);
}

.xkalin {
    font-weight: var(--xkalin);
}

.xxkalin {
    font-weight: var(--xxkalin);
}

.siyah {
    color: var(--siyah);
}

.bg-siyah {
    background-color: var(--siyah);
}

bg-beyaz {
    background-color: var(--beyaz);
}

p {
    padding-bottom: .5rem;
    padding-top: .5rem;
}