@import url('https://fonts.googleapis.com/css2?family=Bad+Script&family=Bitter:ital,wght@0,100..900;1,100..900&family=Cinzel+Decorative:wght@400;700;900&family=Great+Vibes&family=Indie+Flower&family=Kaushan+Script&family=Merienda:wght@300..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Permanent+Marker&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Reenie+Beanie&family=Rowdies:wght@300;400;700&family=Rubik+Vinyl&display=swap');

:root{
    background-image: url("https://transparenttextures.com/patterns/bedge-grunge.png");

}

body{
background-color: #fdfdf5;
background-image: url("https://transparenttextures.com/patterns/bedge-grunge.png");
}
.navbar ul li a{
    color: rgb(0, 0, 0) !important;
}
.barsbuton i{
    color: black !important;
}

.container{
    width: 100%;
    min-height: 90vh;
    display: flex;
}
.aside{
    width: 15%;
}

.maincontent{
    width: 70%;
}

@media (max-width: 725px){
    .container{
        display: block;
    }
    .aside{
        width: 100%;
        height: 200px;
    }
    .aside:nth-child(1){
        display: none;
    }
    .maincontent{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

/* MORE TİTLE START */
.more{
    width: 100%;
    height: auto;
    padding-top: 50px;
    text-align: center;
    user-select: none;
    -webkit-user-select: none; 
    -moz-user-select: none;   
    -ms-user-select: none;
}
.more div{
    display: none;
    flex-direction: column;
    width: 100%;
    max-height: 50vh;
    overflow: scroll;
}

.daha{
    display: flex !important;
}

.more a{
    text-decoration: none;
    color: rgba(0, 68, 255, 0.574);
    font-size: 13px;
    padding: 5px 0;
}
.more h3{
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
}
.more h3 i{
    display: inline;
}
/* MORE TİTLE END */


/*HEADER BLACK BACKGROUND*/

header{
    width: 100%;
    display: flex;
    justify-content: center;
}
.header{
  background: rgba(0, 0, 0, 0.5);
  width: 90%;
}