/* Left side padding */
.padder {
    padding: 300px;
    padding-left: 1px;
    padding-bottom: 100px;
    background-color: white;
    height: 50%;
    width: 5px;
    margin-left: -450px;
    margin-top: -389px;
    border: 2px solid black;
}

/* Zeek */
.zeek {
    margin-top: -280px;
    margin-left: 120px;
}

.zeek img {
    border-radius: 50%;
    height: 170px;
    transition: 0.5s; /* Create transition function */
}

.zeek img:hover {
    height: 200px;
}

.zeek p {
    margin: 0 auto;
    margin-left: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 200%;
}

/* Marina */
.marina {
    margin-left: 120px;
}

.marina img {
    border-radius: 50%;
    height: 170px;
    transition: 0.5s;
}

.marina img:hover {
    height: 200px;
}

.marina p {
    margin: 0 auto;
    margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 200%;
}

/* Fishtronaut */
.fishtronaut {
    margin-left: 85px;
}

.fishtronaut img{
    border-radius: 50%;
    height: 170px;
    transition: 0.5s;
}

.fishtronaut img:hover {
    height: 200px;
}

.fishtronaut p {
    margin: 0 auto;
    margin-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 200%;
}

/* Fishtronaut banner */
.banner {
    margin-left: 60px;
    margin-top: 50px;
}

.banner img {
    border-radius: 50%;
    height: 80px;
}