*{
    margin:0px;
    padding: 0px;
}
body{
    background-color: black;
}
/* .main-btn:hover{
    background-color:rgb(71, 75, 75);
    transform:scale(1.1,1.1);
} */
.social-icons a{
    /* color:rgb(177, 15, 15); */
    /* font-size: 1.7em; */
    /* padding-right: 30px; */
    margin-left: 30px;  
}
.title{
    display: flex;
    justify-content: center;
    color:rgb(235, 235, 249);
    font-size: 2.2em;
    font-weight: 800;
}
.content{
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;  
}
.card{
    background-color:rgb(188, 174, 174);
    width:20.25em;
    box-shadow: 0 5px 25px rgba(1 1 1 / 15%);
    border-radius: 10px;
    padding: 25px;
    margin: 15px;
    transition: 0.7s ease;
}
.card:hover{
    transform: scale(1.1);
}
.icon{
    color: blue;
    font-size: 8em;
    text-align: center;
}
.info{
    text-align: center;
}
.info h3{
    color: blue;
    font-size: 1.2em;
    font-weight: 700;
    margin:10px;
}
.projects{
    background-color: rgb(17, 17, 18);
}
.projects .content{
    margin-top: 50px;
}
 .project-card{
    background-color: rgb(90, 5, 5);
    border: 5px solid rgb(58, 24, 24);
    min-height: 14em;
    width: 50em;
    overflow: hidden;
    border-radius: 30px;
    margin: 20px;
    transition: 0.7s ease;
} *
 .project-card:hover{
    transform: scale(1.1);
}
 .project-image img{
    width:100%;
    height: 14em;
} */
 .project-card:hover .project-image{
    opacity: 0.9; 
} 
 .project-info{
    padding: 1em;
}
 project-category{
    font-size: 0.8em;
    color:#601;
    letter-spacing: 1px;
}  */
  .project-title{
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 20px;
}   */
.more-details{
    text-decoration: none;
    color: blue;
}
.more-details:hover{
    color: #601;
}  
.contact-me{
    padding-top:20px ;
}
.contact-me .icon{
    font-size: 6em;
}
.contact-me .info h3{
    color: rgb(196, 24, 24);
}
.contact-me .info p{
    font-size:1.5em;
}
.contact-me .info a{
    text-decoration: none;
    font-weight: 600;
}
.contact-me .social-icons{
    padding: 20px;
    display: flex;
    flex-direction: row; 
    justify-content: center;
    align-items: center;
    height: 400px;
}
.contact-me .social-icons a{
    color:rgba(129, 128, 128, 0.5);
    font-size: 3.5em;  
}

.contact-me .social-icons a:hover{
    color: rgba(163, 161, 161, 0.753);
}

.footer{
    /* background-color:rgb(237, 237, 237); */
    color: rgb(202, 187, 187);      
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 100px;
}
.footer p{
    font-size: 1.2em;
    letter-spacing: 1px;
    margin-bottom: 20%;
}
.footer p span a{
    color:rgb(210, 192, 192);
    font-weight: 600px;
    text-decoration: none ;
}