.cover{
    background-color:  #00ff99;
    text-align: center;
    justify-content: center;
    align-items: center;
    height:420px;
    width:800px;
    padding:90px;
    margin:30px 0px 15px 0px;
}

.title-card{
   border-radius: 2px 2px 20px 20px;
   background-color: #ffffff; 
   text-align: center;
   color:#676683;
   justify-content: center;
   align-items: center;
   vertical-align: middle;
   padding:50px;
   font-size:40px;
   font-weight: 600;
   border:none;   
}

.card{
    margin:20px;
    border-radius: 8px;
    text-align: center;
    color:#676683;
    padding:50px 25px 50px 25px;
    border:4px solid #676683;
}

h1{height:auto;}

button{
    background-color: #676683;
    color:#ffffff;
    border:none;
    border-radius:4px;
    padding:10px;
    margin:auto ;
    width:100px;
    text-align: center;
    box-shadow: 4px 4px #cccccc;
}


@media screen and (max-width:600px){
    .cover{
        width:100vw;
        height:auto;
        padding:8vh;
    }
    .title-card{
        padding:2.5vw 3vw 2.5vw 3vw;
        font-size: 1.2rem;
    }
}