@charset "utf-8";

:root {
    /* Ana renkler */
    --primary-color: #009be6;    /* Mavi tonu */
    --primary-dark: #e5007c;     /* Hover (üstüne gelince) için daha koyu ton */
    --secondary-color: #fff100;  /* Yeşil tonu */
    --text-color: #000000;       /* Genel metin rengi */
    
    /* Arka planlar */
    --bg-color: #ffffff;
        
    }

    *{
        box-sizing: border-box;
    }

@media screen and (max-width: 769px){

    body{
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #b0963b;
    }

    main{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section{
        width: 80%;
        max-width: 1200px;
    }

    .duyuru{
        width: 80%;
    }

    .duyuru h1{
        text-align: center;
        color: #ffffff;
    }

}

@media screen and (min-width: 769px){

    body{
        margin: 0px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #b0963b;
    }

    main{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    section{
        width: 80%;
        max-width: 1200px;
    }

    .duyuru{
        width: 80%;
    }

    .duyuru h1{
        text-align: center;
        color: #ffffff;
    }
}