.back-pink{
    background-color: #c800c8;
}
  
.back-blue{
    background-color: rgb(0,103,220);
}
  
.back-green{
    background-color: #00646b;
}

.footer{
    margin-top: 1rem;
    min-height: 60vh;
    justify-content: space-between;
    background-color: rgb(0, 0, 0);
}

.footer-resume{
    color: #00c8ff;
    width: fit-content;
    border-bottom: 1px dashed #00c8ff;
}

.footer-personal-content{
    padding: 2rem;
    justify-content: space-evenly;
    flex: 1;
    p{
        max-width: 400px;
    }
}

.footer-contact{
    padding: 1rem;

    a{
        margin: 2px;
        width: fit-content;
        border-bottom: 1px dashed white;
    }
    a:hover{
        color: #00c8ff;
        border-bottom: 1px dashed #00c8ff;
    }
}

.footer-card-container{
    max-width: 70vw;
    flex: 1
}

.footer-card{
    /* max-width: 200px;
    min-width: 100px; */
    /* width: 100%; */
    flex:1;
    padding: 1rem;
}

.footer-card-list{
    margin: 10px;
    padding: 0;
    li{
        margin: 0.5rem 0;
        min-width: 150px;
    }
    li:hover{
        color: black;
        font-weight: 700;
        background-color: white;

    }
}

@media screen and (max-width: 450px){
    .footer{
        flex-direction: column;
        align-items: center;
    }
    .footer-personal-content{
        /* padding: 1rem; */
        height: 100%;
        p{
            margin: 10px;
        }
    }
    .footer-card-container{
        max-width: 100%;
    }
}