.card{
    
    margin : 1rem auto;

    padding  : 2rem;
 
    width : 70vw;
    font-size: 37px;
    border-radius: 12px;
    background-color: rgb(126, 199, 190);
    animation : slidecard 1s ease-out forwards;
   

}

.anchor,.anchor:hover{
    text-decoration: none;
    color : white;
}


.profile{
    max-width: 30vw;
    border-radius: 200px;
    display: block;
    margin : 2rem auto;
}
.btn{
    display: block;
    margin: 2rem auto;
    padding-top : 0.7rem;
    font-weight: 600;
}

.icon{
    margin-right: 0.3rem;
    
}

.title{
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 1rem;

}


   

@keyframes slidecard {
    0%{
        opacity: 0;
        transform: translateX(0px);
    }

    50%{
        opacity: 0.5;
        transform: translateX(20px);
    }

    100%{
        opacity: 1;
        transform: translateX(25px);
    }
}

@media  (min-width : 301px)and  (max-width : 500px){
    .content{
        font-size : 1.2rem;

    }

    .title{
        font-size: 1.5rem;
    }
    .card{
        margin-left: 1rem;
       
    }
}

@media (max-width : 300px){
    .content{
        font-size : 0.8rem;

    }

    .title{
        font-size: 1rem;
    }
}