@charset "UTF-8";
@import url('style0.css');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,400;0,700;0,900;1,400;1,900&display=swap');

:root{
  --r1:#3771c3;--r2:#04b2a6;--r3:#71a2e7;--r4:#0dc;--r5:#fa0;--r6:#fc0;--r7:#d33;
  --rgf:linear-gradient(0deg, #ffffff99, #ffffffee 40%,var(--rf));--ra007:#00000007;
  --rg1:linear-gradient(135deg, var(--r1), #ffffffcc 70%);
  --font1:'Poppins', sans-serif;
  }
body{
    overflow-x:hidden;
}

#cosmos{position:relative;z-index:2;padding-top:100px;max-width:100%}
#cosmos::before{content:"";position:absolute;z-index:-1;width:100vw;height:100vw;left:0;top:0;margin:-30vw auto auto -75vw;
background:radial-gradient(circle, var(--r3), var(--rf) 70%);opacity:.5}
#cosmos::after{content:"";position:absolute;z-index:-1;width:100vw;height:100vw;right:0;top:0;margin:-400px -75vw auto auto;
background:radial-gradient(circle, var(--r3), var(--rf) 70%);opacity:.8}

body{background:radial-gradient(transparent 50%, var(--r1) 150%)}
.logo{width:200px;max-width:50%;margin:50px auto 0}
.meydan{width:fit-content;max-width:700px;margin:50px auto;padding:25px;border-radius:20px;box-shadow:2px 2px 25px #00000055;text-align:center}
h1{text-align:center;margin-bottom:0;padding-bottom:0}
h2{font-size:1.75em}
#altlinkler{padding:0 25px 50px;text-align:center}
#altlinkler a{padding:0 10px;color:var(--r2)}
#altlinkler a:hover{color:var(--r1)}

[id] {
    scroll-margin-top: 75px
}

/******* animasyon *******/	
.anim02{transition:.2s all;-webkit-transition:.2s all;-o-transition:.2s all;-moz-transition:.2s all;-ms-transition:.2s all}
.anim05{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-moz-transition:.5s all;-ms-transition:.5s all}
.anim1{transition:1s all;-webkit-transition:1s all;-o-transition:1s all;-moz-transition:1s all;-ms-transition:1s all}
.anim2{transition:2s all;-webkit-transition:2s all;-o-transition:2s all;-moz-transition:2s all;-ms-transition:2s all}

@keyframes blink{0%{filter:blur(3px)}100%{filter:blur(0px)}}

/******* uyum *******/

@media only screen and (max-width:800px){

#cosmos::after,#cosmos::before{display:none}

}