body {
    background-color: 		#e9ded2;
}
a:link {
    text-decoration: none;
    color: 	#27548A;
    }

a:visited {
        text-decoration: none;
        color: 	#27548A;
      }   

a:hover {
        text-decoration: none;
        color: 	#27548A;
        
      }
      
a:active {
        text-decoration: none;
        color: 	#27548A;
      }


.navbar-arka-renk{
    background-color:		#e9ded2;
    
}
.banner-yazi{
    background-color:	#DDA853;
    border: solid 3px 		#363062;
    border-radius: 10px;
    margin: 5px;
    padding: 5px;
    color: 	#183B4E;
}

.ara{
    background-color: #DDA853		;
    border: solid 3px 		#363062;
    border-radius: 5px;
    margin: 5px;
    padding: 5px;
    color: 	#183B4E;
}

.cizgi {
    border: solid 3px 		#363062;
}

.activebuton {
    background-color:	#DDA853;
    border: 1px solid 		#363062;
   
  }
  .dersleraltmenu {
        background-color:	#DDA853;
        border: solid 1px 		#363062;
        border-radius: 5px;
        color: 	#183B4E;
    }
    .sliderimg {
        height: 400px;
        width: 774px;
    }
    .yaziarka {     
        color: 	#183B4E;
        border: 3px solid		#363062;
        border-radius: 10px;
        margin: 30px;
        padding: 10px;
        background-color: #DDA853 ;
        opacity: 0.8;
        
      }
      .footer {
        background-color: 	#e9ded2 ;
        color: 	#183B4E;
        text-align: center;
        
      }
      .socialmedia{
        background-color:	#DDA853;
        border: solid 3px		#363062;
        border-radius: 10px;
        margin: 10px;
        padding: 5px;
        color: 	#183B4E;
        width: 10%;
        text-align: center;
        margin: auto;
    }
    .cardbackground {
        background-color: 	#e9ded2;
        border: 3px solid 		#363062;
        color: 	#183B4E;

    }

    .cardbackground-2 {
                border: 3px solid 		#363062;
      
    }
    .dersler {
        background-color: #e9ded2;
    }
    
    .tabmenu{
        border: 3px solid 		#363062;
        border-radius: 10px;
        margin: 5px;
        padding: 10px;
        background-color:		#e9ded2;
        width: 99.3%;
        color: 	#183B4E;
    }
    
    .accordion-item{
        background-color: 		#e9ded2;
        border-color: 		#e9ded2;
    }
 .divform {
        width: 50%;
        color: #ffffff;
    border: 3px solid #363062;
    background-color: #DDA853;
        }
        .buttonactive {
            background-color:#DDA853 ;
            border: 1px solid #363062;
          }
    .yuvarlak{
  width: 220px;
  height: 220px;
  object-fit: cover;
  border-radius: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}