/* ilk sayfadaki link formu */
#form1{
    margin:100px 0px 0px 400px ; 
}
#bir{
border: 5px double white;
    width:500px;
    height:200px;
    padding:30px;
}
#form1 #url{
    width: 500px;
    height:30px;
    border-radius: 50px;
}
#form1 #urlsubmit{
    margin:20px 0px 0px 150px;
    border: 2px solid gray;
    border-radius: 20px;
    display:inline-block;
    
    width:200px;
    height:50px;
    font-size:20px;
    
}
#form1 #urlsubmit:hover{
    border: 5px solid rgb(0, 0, 0);
    background-color: gray;
}
#form1 h2{
    color:white;
    margin-left: 110px;
}
#metin p{
    color:white;
    font-size: 30px;
}
#linkgoster{
    margin-top: 50px;
    border: 5px double white;
    width:450px;
    height:100px;
    padding:30px;
    padding-left:80px;

}
#linkgoster p{
    float:left;
    font-size: 30px;
    color:white;
}
#showlink{
    float:left;
    margin-left: 20px;
    margin-top: 30px;
    background-color: rgb(167, 167, 167);
    width: 300px;
    height:30px;
    border-radius: 10px;
}



body{
    background-color: rgb(6, 6, 120);
    padding:30px;
}

header{
    height:150px;
    background-color: rgb(19, 19, 161);
    border-radius: 10px;

}
header #siteismi{
    width: 150px;
    height: 40px;
    color:white;
    font-weight: bolder;
    font-size:35px;
    margin:50px 0px 0px 50px;
    display: inline-block;
    
}
header #siteismi:hover{
    color:gray;
}

header #reklamnasilgecilir{
    width: 250px;
    height: 20px;
    color:white;
    font-weight: bolder;
    font-size:20px;
    margin:50px 0px 0px 40em;
    display: inline-block;

   
}
header #destek{
    width: 50px;
    height: 20px;
    color: white;
    font-weight: bolder;
    font-size: 20px;
    margin: 65px 0px 0px 50em;
    vertical-align: top;
    display: inline-block;  
}
header a{
    text-decoration: none;
    color:white;
    border: 2px solid white;
    padding:10px;
}
header a:hover{
    color:gray;
    border-color:gray;
}


/* header kısmını yukarıda bitirdik artık orta kısıma geçiyoruz */
main{
    padding:50px;
}

/* footer kısmı */
footer{
    height:150px;
    background-color: rgb(19, 19, 161);
    border-radius: 10px;
}

#footer p{
    float:left;
    color: white;
    font-size: 30px;
    margin-top:50px;
    margin-left: 20px;

}
#footer #linkler{
     margin: 60px 0px 0px 500px;
     display: inline-block;
}
#footer a{
    text-decoration: none;
    color:white;
    border: 2px solid white;
    padding:10px;
    margin:5px;
    
   
}
#footer a:hover{
    color:gray;
    border-color:gray;
}




/* destek sayfasındaki maini düzenliyoruz */
#maind{
    height:35em    ;
    max-width: 800px; margin: auto; font-family: Arial, sans-serif; padding: 20px;
}


/* ---------------------------------------------------320px den 375px e kadar------------------------------------------------ */


@media (min-width:320px) and (max-width:414px){
    *{
        margin:0;
        padding: 0;
    

    }
    

    /* -----------BURASI HEADER İÇİN------- */
    
    header{
        display: inline-block;
        max-height:5em;
        max-width: 22em;
        width:20em;
        height:12em;
    }
    header #siteismi{
        float:unset;
        margin:0.8em 0 0 0.5em;
        font-size:1.8em;
        text-align: left;
    }
    header #destek{
        all:unset;
        margin-left:4em;
    }
    /* -----------BURASI HEADER İÇİN------- */


    /* -----------BURASI MAİN İÇİN------- */
    main #metin{
        all:unset;
    }
    main{
        padding:0;
    }
    #metin p{
        margin:1em 0 0 0.3em;
        font-size:1.5em;
        width: 13em;
    }

    #form1{
        margin:0;
        
    }
    #form1 #bir{
        width:15em;
        margin-top: 5em;
        height: unset;
    }
    #form1 #bir h2{
        margin-left:1.5em ;
        font-size: unset;
    }
    #form1 #bir #url{
        width:18em;
        margin-top:2em;
    }

    #form1 #bir #urlsubmit{
        margin:1em 0 0 3.5em;
        width:5em;
        height:1.5em;
    }
    #linkgoster{
        padding: 0;
        margin-top:1em;
        height:8em;
        width:18.9em;
    }
    #linkgoster p{
        float:none;
        margin:1em 0 0 3em;
        
    }
    #linkgoster #showlink{
        float: none;
        margin:0.5em 0 0 2em;;
        width:8em;
        
    }
    /* -----------BURASI MAİN İÇİN------- */


    /* -----------BURASI footer İÇİN------- */
    
    footer{
        margin-top:1em;
        height:10em;
    }
    #footer p{
        display: inline-block;
        margin-top:1em;
        float: none;
        font-size:1em;
    }
    #footer #linkler{
        margin:unset;
        
    }
    #fdestek{
        display: inline-block;
        margin-bottom: 2em;
    }
    #fsikayet{
        display: inline-block;

    }
    
}



/* ---------------------------------------------------320px den 375px e kadar------------------------------------------------ */





/* ---------------------------------------------------375px den 414px e kadar------------------------------------------------ */



@media (min-width:414px) and (max-width:480px){
    *{
        margin:0;
        padding: 0;
    

    }
    

    /* -----------BURASI HEADER İÇİN------- */
    
    header{
        display: inline-block;
        max-height:5em;
        max-width: 26em;
        width:26em;
        height:12em;
    }
    header #siteismi{
        float:unset;
        margin:0.8em 0 0 0.5em;
        font-size:1.8em;
        text-align: left;
    }
    header #destek{
        all:unset;
        margin-left:9.5em;
    }
    /* -----------BURASI HEADER İÇİN------- */


    /* -----------BURASI MAİN İÇİN------- */
    main #metin{
        all:unset;
        
    }
    main{
        padding:0;
    }
    #metin p{
        margin:1em 0 0 0.3em;
        font-size:1.5em;
        width: 20em;
    }

    #form1{
        margin:0;
        
    }
    #form1 #bir{
        width:20em;
        margin-top: 5em;
        height: unset;
        margin-left:0.9em;
    }
    #form1 #bir h2{
        margin-left:0.4em ;
        font-size: 1.5em;
        width:15em;
    }
    #form1 #bir #url{
        width:23em;
        margin-top:2em;
        margin-left:0.5em;
    }

    #form1 #bir #urlsubmit{
        margin:1em 0 0 5.5em;
        width:5em;
        height:1.5em;
    }
    #linkgoster{
        padding: 0;
        margin-left:0.8em;
        margin-top:1em;
        height:8em;
        width:23.8em;
    }
    #linkgoster p{
        float:none;
        margin:1em 0 0 4em;
        
    }
    #linkgoster #showlink{
        float: none;
        margin:0.5em 0 0 2em;;
        width:11em;
        
    }
    /* -----------BURASI MAİN İÇİN------- */


    /* -----------BURASI footer İÇİN------- */
    
    footer{
        margin-top:1em;
        height:10em;
    }
    #footer p{
        display: inline-block;
        margin-top:1.5em;
        margin-left:3.5em;
        float: none;
        font-size:1em;
    }
    #footer #linkler{
        margin:unset;
        margin-left:1em;
        margin-top:1em;
        
    }
    #fdestek{
        display: inline-block;
        margin-bottom: 0em;
    }
    #fsikayet{
        display: inline-block;

    }
    
}


/* ---------------------------------------------------375px den 414px e kadar------------------------------------------------ */











/* ---------------------------------------------------1024px den 1280px e kadar------------------------------------------------ */


@media (min-width:1024px) and (max-width:1280px){
#form1{
    margin:100px 0px 0px 300px ; 
}
#bir{
border: 5px double white;
    width:500px;
    height:200px;
    padding:30px;
    
}
#form1 #url{
    width: 500px;
    height:30px;
    border-radius: 50px;
}
#form1 #urlsubmit{
    margin:20px 0px 0px 150px;
    border: 2px solid gray;
    border-radius: 20px;
    display:inline-block;
    
    width:200px;
    height:50px;
    font-size:20px;
    
}
#form1 #urlsubmit:hover{
    border: 5px solid rgb(0, 0, 0);
    background-color: gray;
}
#form1 h2{
    color:white;
    margin-left: 110px;
}
#metin p{
    color:white;
    font-size: 30px;
}
#linkgoster{
    margin-top: 50px;
    border: 5px double white;
    width:450px;
    height:100px;
    padding:30px;
    padding-left:80px;

}
#linkgoster p{
    float:left;
    font-size: 30px;
    color:white;
}
#showlink{
    float:left;
    margin-left: 20px;
    margin-top: 30px;
    background-color: rgb(167, 167, 167);
    width: 300px;
    height:30px;
    border-radius: 10px;
}



body{
    background-color: rgb(6, 6, 120);
    padding:30px;
}

header{
    height:150px;
    background-color: rgb(19, 19, 161);
    border-radius: 10px;

}
header #siteismi{
    width: 150px;
    height: 40px;
    color:white;
    font-weight: bolder;
    font-size:35px;
    margin:50px 0px 0px 50px;
    display: inline-block;
    
}
header #siteismi:hover{
    color:gray;
}

header #destek{
    width: 50px;
    height: 20px;
    color: white;
    font-weight: bolder;
    font-size: 20px;
    margin: 65px 0px 0px 40em;
}
header a{
    text-decoration: none;
    color:white;
    border: 2px solid white;
    padding:10px;
}
header a:hover{
    color:gray;
    border-color:gray;
}


/* header kısmını yukarıda bitirdik artık orta kısıma geçiyoruz */
main{
    padding:50px;
}

/* footer kısmı */
footer{
    height:150px;
    background-color: rgb(19, 19, 161);
    border-radius: 10px;
}

#footer p{
    color: white;
    font-size: 30px;
    margin-top:50px;
    margin-left: 20px;

}
#footer #linkler{
     margin: 0px 0px 0em 40em;
     display: inline-block;
}
#footer a{
    text-decoration: none;
    color:white;
    border: 2px solid white;
    padding:10px;
    
   
}
#footer a:hover{
    color:gray;
    border-color:gray;
}




/* destek sayfasındaki maini düzenliyoruz */
#maind{
    height:35em    ;
    max-width: 800px; margin: auto; font-family: Arial, sans-serif; padding: 20px;
}
}