:root{
    /* --background-color: #d7e9ed;
    --elements-color: #72b2c3;
    --wintermint: #98d0c8;
    --neptunes-Realm:#91c4d4;
    --endless-horizon:#b4d6f9; */

    --Deep-Sea-Teal: #0C3846;
    --Arctic-Ocean-Blue: #2A7387;
    --Cerulean-Ripple: #5EB0C8;
    --Icy-Glaze: #9FD3E3;
    --Frost-White: #E4F4F8 ;
}

body{
    background-color: var(--Cerulean-Ripple);
}

main{
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}



container{
    padding-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    max-width: 50%;
    place-content: center;

}

.link-card{
    text-decoration: none;
}

.card{
    background-color: var(--Frost-White);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.card-top{
    background-color: var(--Deep-Sea-Teal);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    color: var(--Icy-Glaze);
}
.card-info{
    background-color: var(--Frost-White);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px;
}

.card-tags{
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px;
}

.card-tag{
    border-color: var(--Arctic-Ocean-Blue);
    border-style: solid;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 15px;
    margin-right: 5px;
}

footer{

    display: flex;
    justify-content: center;
}

.home{
    background-color: var(--Frost-White);
    color: var(--Deep-Sea-Teal);
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 10px;
}