@font-face {
    font-family: 'plexmono-reg';
    src: url('/fonts/IBMPlexMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body {
    font-family: 'plexmono-reg', sans-serif;
    background-color: #222222;
    margin: 20px;
    padding: 0px;
}

h1, h2, h3 {
    color: #800002;
}

p {
    color:#ffffff
}

a {
    color: #fff01e;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


.container {
    width: 90%;          /* genişlik %80 */
    margin: 0px auto;      /* üst-alt 0, sağ-sol otomatik */
    padding-left: 5%;
    padding-right: 5%;


}

.ynyn {
  display: flex;        /* yan yana dizer */
  align-items: center;  /* dikeyde ortala */
  gap: 20px;            /* arada boşluk */
}
.ynyn img {
  width: 55px;   /* resim boyutu */
  height: auto;   /* oran korunsun */
  border-radius: 8px;
}
.ynyn p {
  flex: 1;        /* yazı kalan alanı kaplasın */
  font-size: 18px;
  line-height: 1.5;
}

.menu {
  display: flex;        /* yan yana dizer */
  align-items: center;  /* dikeyde ortala */
  gap: 30px;            /* arada boşluk */
}
.menu img {
  width: 55px;   /* resim boyutu */
  height: auto;   /* oran korunsun */
  border-radius: 8px;
}
.menu p {
  flex: 0;        /* yazı kalan alanı kaplasın */
  font-size: 18px;
  line-height: 1.5;
}