/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
/*
border : #ce796b
div-background : #e7ad99
background : #ecc8af
*/
/* Arka planı en açık pastel ton yapalım */
body {
    background-color: #F5EBE0; 
    color: #6F4E37; /* Yazı rengi koyu sütlü kahve */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:0px;
    margin:0px;
}

/* Başlık için orta ton kahve */
h1 {
    color: #A68A64;
    border-bottom: 2px solid #DDB892;
    padding-bottom: 10px;
}

/* Resim çevresine yumuşak bir çerçeve */
img {
    border: 8px solid #EDE0D4;
    border-radius: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    max-width: 300px;
    margin-top: 20px;
}
.main-container {
  display : flex;
  flex-direction: row;
  height: 600px;
  width:1000px;
  background:#DDB892;
  border-radius: 25px;
  border: 2px solid #A68A64;
}
.left-container {
  background-color : white;
  height: 100%;
  width: 250px;
  border-radius:25px 0 0 25px ;
  display: flex;
  flex-direction: column; 
  justify-content: flex-start; 
  align-items: flex-start;    
  padding: 50px;
}
  /* Tüm elemanlar için taşmayı önleyen genel kural */
* {
  box-sizing: border-box;
}
  
}