@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;background-color:rgb(255,255,255);font-weight:500}header{background-color:rgb(255,255,255);position:sticky;top:0;width:100%;padding:10px 14%;z-index:1000}header .header-iletisim{display:flex;justify-content:space-between;width:100%;align-items:center;margin:10px 0}header .header-iletisim a{width:fit-content;color:rgb(213,21,21);text-decoration:none;display:flex;align-items:center;font-weight:600;font-size:14px}header .header-iletisim p{color:rgb(0,0,0);font-size:14px;font-weight:500;margin:0}header .header-iletisim a svg{width:20px;margin-right:2px}header .header-iletisim a svg path{fill:rgb(213,21,21)}header .header-con{display:flex;justify-content:space-between;align-items:center}header .header-con img{width:175px}header .header-con nav{display:flex;align-items:center;gap:20px}header .header-con nav a{color:rgb(0,0,0);font-size:16px;transition:all 0.15s;text-decoration:none}header .header-con nav a:hover{color:rgb(213,21,21)}footer{width:100%;background-color:rgb(0,0,0);padding:30px 0}footer .footer-iletisim{display:flex;width:70%;margin:0 auto;justify-content:space-between;align-items:center;background-color:rgb(0,0,0);color:rgb(255,255,255)}footer .footer-iletisim a{background-color:rgb(255,255,255,.95);width:32%;text-decoration:none;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;border-radius:30px;height:200px;color:rgb(0,0,0);align-items:center;font-weight:600}footer .footer-iletisim a svg{width:80px;height:80px;margin-bottom:5px}footer .footer-iletisim a svg path{fill:rgb(0,0,0)}footer hr{width:70%;margin:15px auto;opacity:1;border:1px solid rgb(255,255,255);color:rgb(255,255,255);outline:none}footer p{color:rgb(255,255,255);text-align:center;margin-top:20px}@media screen and (max-width:975px){header{padding:10px 5%}header .header-iletisim p{display:none}footer .footer-iletisim{flex-direction:column;gap:20px}footer .footer-iletisim a{width:100%}}@media screen and (max-width:600px){header .header-iletisim a{font-size:14px}header .header-iletisim a svg{width:20px}header .header-con{flex-direction:column;gap:10px}header .header-con nav{gap:15px}header .header-con nav a{font-size:15px}footer .footer-iletisim{width:90%}footer hr{width:90%;margin:15px auto}footer p{font-size:14px}}