:root{
    --header:#0A6218;
    --nav:#47BA59;
    --boxes:#25A942;
    --background:#14B8B8;
}

.first{
    background-color: aliceblue;
    border: 1px solid black;
}

.second{
    background-color: cyan;
    border: 1px solid gray;
}

.third{
    background-color: rgb(79, 196, 84);
    border: 1px solid rgb(56, 37, 49);
}

.header{
    background-color: var(--header);
    width: 70%;
    text-align: center;
    margin-left: 15%;
    color: white;
    margin-bottom: 0;
    margin-top: 10px;
}

.main{
    background-color: var(--background);
}

nav{
    background-color: var(--nav);
    margin-left: 15%;
    margin-top: 0;
    text-align: center;
    width:70%;
    margin-bottom: 20px;
}

nav > a{
    color: #06083F;
}

.turtle-box{
    background-color: var(--boxes);
    margin-bottom: 20px;
    font-size: larger;
}


figcaption > a{
    color: #06083F;
}
figcaption{
    font-size: small;
}

.bubble{
    display:block;
    transition-duration: 5s;
}

.bubble:hover{
    
    transform: translateY(-500px);
}