@import url("https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap");

body {
     font-family: 'Inter', sans-serif;
     background-image: url(resim/arkaplan.png);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
.reklam-sol {
    top: 0;
    left: 0;
    width: auto;
    height: 100%;
    position: fixed;
}

.reklam-sag {
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    position: fixed;
}

.reklam-top {
    display: none;
}

@media (max-width: 1200px) {
    .test {
        margin-top: 120px;
    }

    .section {
        width: 98%;
    }

    .reklam-sol {
        display: none;
    }

    .reklam-sag {
        display: none;
    }

    .reklam-top {
        display: block;
        top: 0;
        right: 0;
        width: 100%;
    }

    .reklam-top_down {
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .popup {
        max-width: 200px;
        max-height: 300px;
    }

    .popup img {
        max-width: 200px;
        max-height: 200px;
    }

    .close-button {
        max-width: 200px;
    }
}

.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    overflow: auto;
    width: 100%;
}

.popup-content {
    text-align: center;
}

.close-button {
    background-color: #004e47;
    color: white;
    border: none;
    margin-top: 10px;
    width: 500px;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: bold;
}
        
 .information {
     font-size: 20px;
     background-color: black;
     color: white;
     border-radius: 2px;
     padding: 10px;
     display: inline-block;
     margin: 0;
     border: 3px solid;
     border-image: linear-gradient(to right, red, black) 1;
}
 .information p {
     margin: 0;
}
 .socialink {
     text-decoration: none;
     color: white;
}
 .socialink:hover {
     border-bottom: 0px solid black;
     text-decoration: none;
}
 .gorseller {
     display: flex;
     flex-wrap: nowrap;
     justify-content: center;
     margin: 1vw;
     gap: 10px;
}
.youtubegif{
     max-width: 1230px;
}
 .gifistek{
     max-width: 7500px;
}
 .gifistekkc{
     max-width: 750px;
	 max-height: 94px;
}
 .gifistekiikili{
     max-width: 500px;
}
 .logolar {
     width: 180px;
     height: auto;
     border-radius: 15px;
}
 header {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     padding: 0px;
}
 .logo {
     height: 100px;
}
 .title {
     text-align: center;
     color: #ffffff;
     line-height: 40px;
     padding: 0px;
     margin-top: 20px;
}
 .youtube:hover {
     color: red;
}
 .footer {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #333;
     color: #fff;
     text-align: center;
     padding: 10px 0;
}
 marquee a {
     color: inherit;
     text-decoration: none;
}
 @media only screen and (max-width: 600px) {
    .logolar {
         width: 90px;
         height: auto;
         margin: 3px;
         border-radius: 5px;
    }
    .youtubegif {
         max-width: 200px;
    }
    .gifistek {
         max-width: 380px;
    }
	.gifistekkc {
         max-width: 380px;
    }
    .gifistekiikili {
         max-width: 200px;
    }
     .gorseller {
         margin: 0vw;
         gap: 10px;
    }
}
 @media only screen and (max-width: 767px) {
    .information {
         font-size: 15px;
         margin-bottom: 15px;
    }
     .logo {
         height: 50px;
    }
    /* Mobil reklam */
     .mobilreklam {
         display: block;
         margin: 0 auto;
         width: 100%;
    }
    /* Sol reklam */
     .reklam-sol {
         display: none;
    }
    /* Sağ reklam */
     .reklam-sag {
         display: none;
    }
     .gifistek{
         max-width: 410px;
    }
         .gifistekiikili{
         max-width: 200px;
    }
     .youtubegif{
         max-width: 250px;
    }
}