.logo{
    margin-top: 25px;;
}

.form-group.floating input:-webkit-autofill,
.form-group.floating input:-webkit-autofill:focus,
.form-group.floating input:-webkit-autofill:hover,
.form-group.floating select:-webkit-autofill,
.form-group.floating select:-webkit-autofill:focus,
.form-group.floating select:-webkit-autofill:hover,
.form-group.floating textarea:-webkit-autofill,
.form-group.floating textarea:-webkit-autofill:focus,
.form-group.floating textarea:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    color: #333; /* Metin rengi */
}

.log{

    margin-top: 8%;

}


.form-group.floating>label {
    bottom: 34px;
    left: 8px;
    position: relative;
    background-color: white;
    padding: 0px 5px 0px 5px;
    font-size: 1.1em;
    transition: 0.1s;
    pointer-events: none;
    font-weight: 500 !important;
    transform-origin: bottom left;
}

.form-control.floating:focus~label{
    transform: translate(1px,-85%) scale(0.80);
    opacity: .8;
    color: #005ebf;
}

.form-control.floating:valid~label{
    transform-origin: bottom left;
    transform: translate(1px,-85%) scale(0.80);
    opacity: .8;
}

.form{
   
    margin-top: 10px;
    line-height:2;
    
}


.floating-input{
    padding:20px;
    background-color: white!important;
}

.paragraf{
    margin-top: 10px;
  font-weight:bold;
  
}

.kullanim{
    font-weight: bold;
}

.ip-text{
    color: blue;
}

.ip{
   padding-top: 50px;
}

.avatar-item,.avatar-item1{
    width: 40px;
    height: 40px;
    border-radius: 50%;
   
}
.avatar-item1{
    margin-left: -20px;
}

.form-group{
    margin-bottom: 2px;
}

.avatar>.slogan{
    margin-left: 130px;
    margin-top: -40px;
    color: aqua;
    font-weight: bold;
}

.avatar>.slogan-alt{
    margin-left: 130px;
   width: max-content;
   font-weight: bold;
   
    
}
@media screen and (max-width: 820px) {
    .img {
      display: none;
    }
  }
  @media screen and (max-width: 768px) {
    .avatar>.slogan-alt {
        margin-left: 130px; 
        width: 200px;      
        font-weight: bold;
    }
  }
