* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif, serif;
}

#grid-container {
    max-width: 1071px;
    min-height: 500px;
    margin: auto;
    /*background-color: rgb(26, 219, 233);*/
    margin: 0 auto 0;
    border: 0 solid 2px;
    border-radius: 3px;
    display: grid;
    grid-gap: 2px;
    /*DİV'ler Arası Boşluk*/
    grid-template-columns: 1fr 2fr 3fr;
    grid-template-rows: 25px 100px 55px 400px 400px 150px;
    grid-template-areas:
        "a a a"
        /* üst menü */
        "b b b"
        /* header */
        "c c c"
        /* nav */
        "d e e"
        /* aside ve section */
        "f f f"
        /* article */
        "g g g"
        /* footer */
    ;
}

.ust-menu {
    grid-area: a;
    max-width: 1071px;
    height: 25px;
    border-color: black;
    border-style: solid;
    background-color: #B5E9E9;
}

header {
    grid-area: b;
    max-width: 1071px;
    height: 100px;
    border-color: black;
    border-style: solid;
    background-color: #00BEFF;
    display: flex;
    flex-direction: row;
}

.logo {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    /*margin: 10px 0 0 10px;*/
}

.logo img {
    max-width: 80px;
    max-height: 80px;
    display: block;
}

.isim {
    width: 75%;
    height: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;

    /*margin: 10px 0 0 10px;*/
}

.isim h1 {
   margin-bottom: 0;
   /*font-size: 21px;*/
   font-weight: bold;
   color:#8A5F36;
}

.isim p {
margin-top: 0%;
font-family: 'Times New Roman', Times, serif;
font-style: italic;
font-size: 16px;
}

nav {
    /**Navigasyon Genel Özellikleri*/
    grid-area: c;
    max-width: 1071px;
    font-weight: bold;
    /*Yazı Boldluğu*/
    height: 55px;
    border-color: black;
    border-style: solid;
    background-color: #DAEFD9;
}

/*Navigasyon Alt Özellikleri*/
nav>ul.topnav {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #DAEFD9;
}

/* Style links in topnav */
nav>ul.topnav li a {
    display: block;
    color: #0c0b0b;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
nav>ul.topnav li a:hover {
    background-color: #dddddd;
    color: black;
}

aside {
    /*Aside Genel Özellikleri*/
    grid-area: d;
    max-width: 1071px;
    height: 400px;
    border-color: black;
    border-style: solid;
    background-color: #00933B;
}

/*Aside Alt Özellikleri*/
/*Navigasyon Alt Özellikleri*/
aside>ul.topnav {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #333333;
}

/* Style links in topnav */
aside>ul.topnav li a {
    display: block;
    color: #1b1a1a;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
aside>ul.topnav li a:hover {
    background-color: #dddddd;
    color: black;
}

section {
    grid-area: e;
    max-width: 1071px;
    height: 400px;
    border-color: black;
    border-style: solid;
    background-color: #00D47B;
}

article {
    grid-area: f;
    max-width: 1071px;
    height: 400px;
    border-color: black;
    border-style: solid;
    background-color: #00CF68;
}

footer {
    grid-area: g;
    max-width: 1071px;
    height: 150px;
    border-color: black;
    border-style: solid;
    background-color: #8A5F36;
}