body {
    font-family:Arial;
    background-image: url("img/bg.jpg");
    text-decoration: none;
}
.ust {
   
    text-align:center;
}
.ust:hover{
    background-color: #ccffcb;
    
}
.auto-style2{ font-size: 40px;}
.auto-style1{max-width:1900px}
.orta{
    border: 1px solid #ffd800;
    max-width: 1900px;
    background-color:#b9f3f5;
}
   .orta:hover{
    border: 1px solid #ffd800;
    max-width: 1900px;
    background-color:#f1f0d9;
}
   .rnk{
       background-color:#f1f0d9;
       color: #000;
       text-decoration: none;
   }
   .rnk:hover{
       background-color:#edffa0;
   }
.alt{   
    width: auto;    
    background-color:#ccffcb;
    text-align: center;
    padding: 15px;
}
.formstil{
    padding: 5px;
    border: 1px solid #ffd800;
}
.formstil:focus{
    padding: 5px;
    border: 2px solid red;
}
.btn:hover {
    border: 2px solid #31398c;
    background-color: #ff8282;
    color: white;
}

.btn {
    border: 2px solid #31398c;
    background-color: #feff97;
    color: #31398c;
    font-weight: 700;
}
.auto-style8{font-size: 44px;}  
.ys1{text-decoration: none;}