*{
    padding: 0px;
    margin: 0px;
    text-decoration: none;
    box-sizing: border-box;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
    outline: none;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #fff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(35, 123, 255);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgb(35, 123, 255);
}

body, html {
    background-color: #eee;
}

@media (min-width: 1200px){
    .geridon{
        position: relative;
        top: 0px;
        left: 50%;
        width: 1000px;
        height: 80px;
        transform: translate(-50%, 0%);
        background-color: #222;
        color: #fff;
        border-radius: 10px;
        border: 1px solid #aaa;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .geridon a{
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
        width: 48%;
        height: 60px;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        border-radius: 5px;
        color: #fff;
        background-color: #333;
        margin: 10px;
    }
    .cont{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1000px;
        height: 800px;
        transform: translate(-50%, -50%);
        background-color: #00499c;
        color: #fff;
        border-radius: 10px;
        border: 1px solid #aaa;
        overflow: auto;
        padding: 30px 0px;
    }
    
    .cont .baslikdiv{
        position: relative;
        top: 0px;
        left: 0px;
        padding: 5px 10px;
        background-color: transparent;
        color: #222;
        border-radius: 5px;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .baslikdiv h5{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 24px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    
    .cont .baslikdiv p{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #222;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv div{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #222;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv div input{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background-color: #fff;
        color: #222;
        border-radius: 5px;
        border: 2px solid #fff;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .2s ease-in-out;
        overflow: hidden;
    }
    .cont .bilgilerdiv button{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background-color: #fff;
        color: #00499c;
        border-radius: 5px;
        border: 2px solid #fff;
        padding: 5px 10px;
        margin: 60px 0px;
        font-size: 18px;
        cursor: pointer;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .2s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv div select{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background-color: #fff;
        color: #222;
        border-radius: 5px;
        border: 2px solid #fff;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .2s ease-in-out;
        overflow: hidden;
    }
    .cont .bilgilerdiv div input:hover{
        background-color: rgb(255, 202, 104);
    }
    .cont .bilgilerdiv div input:focus{
        border: 2px solid orangered;
    }
    .cont .bilgilerdiv div button:hover{
        background-color: rgb(255, 202, 104);
        color: #222;
    }
    .cont .bilgilerdiv div button:focus{
        border: 2px solid orangered;
    }
    .cont .bilgilerdiv div select:hover{
        background-color: rgb(255, 202, 104);
    }
    .cont .bilgilerdiv div select:focus{
        border: 2px solid orangered;
    }
    .cont .bilgilerdiv div h6{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        padding: 0px;
        margin-top: 20px;
        font-size: 18px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    .cont .bilgilerdiv div p{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        padding: 5px 0px;
        font-size: 12px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
}

@media (max-width: 1200px){
    .geridon{
        position: relative;
        top: 0px;
        left: 50%;
        width: 100%;
        height: 60px;
        transform: translate(-50%, 0%);
        background-color: #222;
        color: #fff;
        border-radius: 10px;
        border: 1px solid #aaa;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .geridon a{
        display: inline-block;
        position: relative;
        top: 0px;
        left: 0px;
        width: 48%;
        height: 40px;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        border-radius: 5px;
        color: #fff;
        background-color: #333;
        margin: 5px;
    }
    .cont{
        position: absolute;
        top: 60px;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, 0%);
        background-color: #00499c;
        color: #fff;
        border-radius: 10px;
        border: 1px solid #aaa;
        overflow: auto;
        padding: 30px 0px;
    }
    
    .cont .baslikdiv{
        position: relative;
        top: 0px;
        left: 0px;
        padding: 5px 10px;
        background-color: transparent;
        color: #222;
        border-radius: 5px;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .baslikdiv h5{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 24px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    
    .cont .baslikdiv p{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #222;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv div{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #222;
        border-radius: 5px;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv div input{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background-color: #fff;
        color: #222;
        border-radius: 5px;
        border: 2px solid #fff;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .2s ease-in-out;
        overflow: hidden;
    }
    .cont .bilgilerdiv button{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background-color: #fff;
        color: #00499c;
        border-radius: 5px;
        border: 2px solid #fff;
        padding: 5px 10px;
        margin: 60px 0px;
        font-size: 18px;
        cursor: pointer;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .2s ease-in-out;
        overflow: hidden;
    }
    
    .cont .bilgilerdiv div select{
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 40px;
        background-color: #fff;
        color: #222;
        border-radius: 5px;
        border: 2px solid #fff;
        padding: 5px 10px;
        font-size: 16px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .2s ease-in-out;
        overflow: hidden;
    }
    .cont .bilgilerdiv div input:hover{
        background-color: rgb(255, 202, 104);
    }
    .cont .bilgilerdiv div input:focus{
        border: 2px solid orangered;
    }
    .cont .bilgilerdiv div button:hover{
        background-color: rgb(255, 202, 104);
        color: #222;
    }
    .cont .bilgilerdiv div button:focus{
        border: 2px solid orangered;
    }
    .cont .bilgilerdiv div select:hover{
        background-color: rgb(255, 202, 104);
    }
    .cont .bilgilerdiv div select:focus{
        border: 2px solid orangered;
    }
    .cont .bilgilerdiv div h6{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        padding: 0px;
        margin-top: 20px;
        font-size: 18px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
    .cont .bilgilerdiv div p{
        position: relative;
        top: 0px;
        left: 0px;
        background-color: #00499c;
        color: #fff;
        padding: 5px 0px;
        font-size: 12px;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        transition: .3s ease-in-out;
        overflow: hidden;
    }
}