*,*:after,*:before{box-sizing:border-box}html{padding:0;margin:0;font-size:16px;font-family:Inter;line-height:150%;scroll-behavior:smooth}body{margin:0}h1,h2,hr{margin:0}h1,h2{text-transform:capitalize}p{max-width:75ch}.site{width:100%;height:100%;min-height:100vh;background-color:#302e2e;color:#eee}.site > .divider{width:100%}.site-header{padding:1rem}.site-header > * + *{margin-top:1rem}.navigation{display:flex;align-items:center}.navigation > * + *{margin-left:1rem}.navigation .separator{display:block;width:1px;height:30px;background-color:#eee;box-shadow:0 0 4px rgba(221,221,221,0.75)}@media screen and (max-width:764px){.navigation .separator{height:120px}}.navigation a{display:block;text-decoration:none;transition:all .5s ease;text-align:center}a{text-shadow:0 0 4px rgba(221,221,221,0.75);color:#eee}a.active{display:block;background-color:#eee;color:#302e2e;border-radius:4px;padding:.25rem .75rem}.main-content{padding:1rem}p + p{margin-top:4rem}@media screen and (max-width:764px){h1{text-align:center}}.sihirli-kart{margin-top:1rem;height:100%;padding:1rem;border-radius:.75rem;background-color:#242323}.sihirli-kart > * + *{margin-top:.5rem}.sihirli-kart h4{margin:0}.sihirli-kart img{max-width:100%}.img-with-caption{padding:1rem;border-radius:.75rem;background-color:#242323;display:block;padding:2rem;margin:0}.img-with-caption img{width:100%}.img-with-caption figcaption{margin-top:1rem}.inline-emphasis{font-size:20px;font-weight:bold}.kart-kabı{width:100%;display:flex;flex-wrap:wrap;gap:20px}.kart-kabı > *{flex:0 0 22.5%}@media screen and (max-width:600px){.kart-kabı > *{flex:1 1 100%}}.about-page{max-width:1000px;margin-left:auto;margin-right:auto;padding:2rem}.about-page > * + *{margin-top:4rem}.about-page > .img-with-caption:nth-of-type(1){margin-top:2rem;max-width:444px}.about-page h2{text-align:center}.about-page > *{margin-left:auto;margin-right:auto}.home-page{max-width:1000px;margin-left:auto;margin-right:auto}.home-page > * + *{margin-top:4rem}.home-page > .img-with-caption{margin-top:2rem}.home-page .content-holder h2{text-decoration:underline;margin-bottom:4rem}.content-holder{padding:1rem;border-radius:.75rem;background-color:#242323;padding:2rem;line-height:250%}.the-force-that-makes-it-real .inline-emphasis{margin-left:.25rem;text-shadow:0 0 4px rgba(221,221,221,0.75)}.read-all-about-it{text-align:right}