body{
    font-family: "Montserrat";
    color: whitesmoke;
    background-color: #463BDC;
    height: 100%;
    margin: 0;
    overflow-x: hidden;

}
.sec{
    margin-top: 20%;
    width: 100%;
    text-align: left;
    font-size: large;
    padding-bottom: 100px;
}
.text{
    padding-left: 100px;
    padding-bottom: 60px;
    font-size:larger;
    font-weight:900px;
}
.hide{
    text-align: center;
    background-color: whitesmoke;
    color: black;
    visibility: hidden;
}
.svg-dev{
    width: 400px;
    float:right;
    margin-right: 100px;
}

::-webkit-scrollbar{
    width: 7px;
  }
  ::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, #743ad5, #d53a9d);
    border-radius: 4px;
  }
  ::-webkit-scrollbar-track{
    background-color: #30475e;
  }

p{
    text-align: center;
    line-height: 1.6;
   
 
}
footer{
    background-color: #1e212d;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 10% 0;
    font-size: larger;
}


.produc{
    border-radius: 100px;
}
.kk{
    color: red;
}
.con{
    background-color: #d3e0ea;
    text-align: center;
    padding: 60px;
   
    color: black;

}
.about{
    text-align: center;
    padding: 100px;
    background-color: whitesmoke;
    color: black;
}
.butto{
    padding: 20px;
}
/* .btn {
    background: #57bcff;
    background-image: -webkit-linear-gradient(top, #57bcff, #1d5273);
    background-image: -moz-linear-gradient(top, #57bcff, #1d5273);
    background-image: -ms-linear-gradient(top, #57bcff, #1d5273);
    background-image: -o-linear-gradient(top, #57bcff, #1d5273);
    background-image: linear-gradient(to bottom, #57bcff, #1d5273);
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: none;
    font-family: "Montserrat";
  }
  
  .btn:hover {
    background: #2a73a1;
    background-image: -webkit-linear-gradient(top, #2a73a1, #4cabeb);
    background-image: -moz-linear-gradient(top, #2a73a1, #4cabeb);
    background-image: -ms-linear-gradient(top, #2a73a1, #4cabeb);
    background-image: -o-linear-gradient(top, #2a73a1, #4cabeb);
    background-image: linear-gradient(to bottom, #2a73a1, #4cabeb);
    text-decoration: none;
    border: none;
   
  }
*/
.my {
    margin-top: 30px;
    text-align: center;
  

} 

.btn {
    background: #908cff;
    background-image: -webkit-linear-gradient(top, #908cff, #3b428f);
    background-image: -moz-linear-gradient(top, #908cff, #3b428f);
    background-image: -ms-linear-gradient(top, #908cff, #3b428f);
    background-image: -o-linear-gradient(top, #908cff, #3b428f);
    background-image: linear-gradient(to bottom, #908cff, #3b428f);
    -webkit-border-radius: 9;
    -moz-border-radius: 9;
    border-radius: 9px;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    border: none;

    font-family: "Montserrat";
  }
  
  .btn:hover {
    background: #9d82f5;
    background-image: -webkit-linear-gradient(top, #9d82f5, #4f1cdb);
    background-image: -moz-linear-gradient(top, #9d82f5, #4f1cdb);
    background-image: -ms-linear-gradient(top, #9d82f5, #4f1cdb);
    background-image: -o-linear-gradient(top, #9d82f5, #4f1cdb);
    background-image: linear-gradient(to bottom, #9d82f5, #4f1cdb);
    text-decoration: none;
    border: none;
  }
.card {
    border-radius: 10px;
    height: 500px;
    width: 250px;
    background-color: whitesmoke;
   
    box-shadow: 0px 10px 10px rgb(0, 0, 0, 0.1), 0px 40px 40px rgb(0, 0, 0, 0.5);

    font-size: smaller;
    cursor: pointer;
    transition: transform .5s ease-out;



}


.card:hover {
    transition: transform 1s;
    transform: scale(1.2);
}

.imag {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    height: 200px;
    width: 100%;

}

.tit-1 {


    border: 2px solid white;
    border-radius: 2px;
    width: 230px;

    margin: 0 auto 0 auto;


}
a{
    padding: 10px;
}

.tit {
    padding-bottom: 50px;
}

.card-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    order: 1;
    flex-direction: row;
   
}

/* p {
    padding: 10px;
} */
.projects{
    background-color: #4a47a3;
    padding: 80px;
}

.author {
    text-align: center;
    padding: 5px;
}

a {
    text-decoration: none;
    color: black;
}

.s {
    margin-top: 100px;
    margin-bottom: 100px;
}


/* kkk */
.lic {
    
    float:left;
   
    
    }
    .tic{
     
      float:right;
    
    }
   
    .skill-row {
      width:50%;
      padding-top: 50px;
      margin-left: 25%;
       margin-top:20px;
       
       padding-bottom: 100px;
       /* text-align: left; */
    }
    .myhobb {
      color: black;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
   
    }
    
    
    
    .hobby {
      color: #6C63FF;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    line-height: 2;
    
  
    }
    .skill2{
        padding: 20px;
    }

    .skills{
        padding: 50px;
        background-color: #dddddd;
        color: black;
    }
    .head {
      color:  #66bfbf;
      font-size: 50px;
      font-family: 'Monoton', cursive;
        margin-top: 30px;
    }
    .heading {
      color:  #66bfbf;
      font-size: 50px;
      font-family: 'Monoton', cursive;
      margin-top: 30px;
    
    }
   
    P {
    font-family: 'Montserrat', sans-serif;
    }
    
    
    .licp{
        text-align: left;
    }
    .ticp{
        text-align: left;
    }
    
    .no {
      background-color: white;
        margin:20px auto;
        border-style: none;
        border-top-style:hidden;
    
    }
    /* kkk */
::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-thumb {
    background: #3f72af;
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background-color: #30475e;
}
.author{
    margin-bottom: 0;
}
::-moz-selection{
    background-color: #6C63FF;
    color: white;
}
::selection{
    background-color: #6C63FF;
    color: white;
}
@media screen and (max-width: 760px) {
 .svg-dev{
     width: 200px;
 }
}

@media screen and (max-width: 390px) {
   p{
       text-align: none;
   }
   }
@media screen and (max-width: 542px) {
 .contact{
     height: 100px;
 }
 .svg-dev{
     margin-right: 10px;
 }
}