body {
    background-color: #F3F3F3; /* Arka plan rengi */
    margin: 0;
    padding: 0;
    height: 100vh; /* Ekranın tamamını kapla */
    display: flex;
    justify-content: center; /* Yatay ortalama */
    align-items: center; /* Dikey ortalama */
}

.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ekranın tamamını kapla */
    width: 100%; /* Ekranın tamamını kapla */
}

.frame {
    width: 80vw; /* Ekranın %80'ini kapla */
    display: flex;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); /* Gölgeli kenar */
    background-color: white; /* Çerçevenin arka plan rengi */
}

.left {
   
}

.right {
    background-image: url("/images/wellcome.jpeg"); /* Arka plan resmi */
    background-size: cover; /* Div'i tam kapla */
    background-position: center; /* Ortala */
    background-repeat: no-repeat; /* Tekrar etmeyi engelle */
    text-align: center; /* Metni ortala */
    color: white; /* Beyaz metin rengi */
    line-height: 300px; /* Dikey ortalama için div yüksekliği kadar */
}

.logo {
    height: 100px;
}