* {box-sizing: border-box;font-family: "Outfit", sans-serif;}
ul {margin: 0%;padding: 0%;list-style: none;}
li {list-style: none;}
* a {color: darkblue;text-decoration: none;transition: text-decoration 2s;}
* a:hover {text-decoration: underline;}
.sitebilgi {cursor: pointer;}
html,body {color: #000;width: 100%;height: 100%;display: block;background-color: #f3f8ff;}
body {padding: 0 15% 0 15%;margin: 0;width: 100%;}
header {display: flex;height: 8%;align-items: center;margin: auto;padding: .25%;background-color: #f3f8ff;width: 100%;z-index: 1111111111111111111111;}
header div {flex: 1;}
header .logo {display: flex;align-items: center;height: 100%;}
header .logo img {height: 99%;flex: 0.01;width: auto;margin-right: 2%;}
header .sosyalmedya {justify-content: flex-end;display: flex;}
section {width: 100%;height: 82%;display: block;}
footer {height: 4%;display: flex;}
.menu{height: 4%;padding: 0%;z-index: 11111111111111111111333333333333333333333;}
.menu>ul li{position: relative;}
.menu>ul {display: flex;height:100%;align-items: center;justify-content: center;background-color: #d1d1d1;}
.menu>ul>li{flex: 1;align-items: center;justify-content: center;display: flex;height: 100%;z-index: 123123123123123123;}
.menu>ul>li ul{display: none;background-color: #f3f8ff;box-shadow: 5px 3px 15px silver;z-index: 111111111111111111111111111111;}
.menu>ul>li ul li{justify-content: flex-start;padding:6px;}
.menu>ul>li:hover>ul{display: block;position: absolute;left: 0;top: 100%;width: auto;min-width: 180px;height: auto;}
.menu>ul>li ul li:hover ul{left: 99%;top: 0;text-align: left;display: block;position: absolute;min-width: 180px;}
.menu>ul>li>a>.fa-solid{margin-right: 5px;}
.menu>ul>li>.fa-sort-down{margin-left: 5px;top: -5%;position: relative;}
.menu>ul>li>ul li .fa-sort-down{margin-left: 5px;position: absolute;right: 5px;rotate: -90deg;}
.menu>ul>li>ul li:hover{background-color: #d1d1d1;}