* {
    padding: 5px;
    border-radius: 5px;
}

/* other styling */
body {
    background-color: #41B3A3;
    font-family: verdana;
}

header, main, footer {
    border: 4px solid rgb(var(--color-accent1));
    margin: 8px;
    padding: 6px;
}

nav{
    color: rgb(var(--color-accent1));
}

/* link behavior */
a:link {
    color: rgb(var(--color-text1));
}

a:visited {
    color: rgb(var(--color-accent3));
}

a:hover {
    color: rgb(var(--color-font3));
}

a:active {
    color: rgb(var(--color-accent2));
}

/* nav link behavior */
a.nav-link{
    color: cadetblue;
    text-decoration: none;
    border-radius: 10px;
    background-color: rgb(var(--color-accent1));
}

a.nav-link:hover{
    background-color: rgb(var(--color-accent3));
}

/* thumbnail behavior */
.thumbs{
    text-align: center;
    margin: 40px auto;
    max-width: 1252px;
    border: solid 1px rgb(var(--color-accent1));
    box-shadow: rgb(var(--color-accent1)) 4px 4px 5px;
    overflow: hidden;
}

.thumbs figure{
    float: left;
    margin: 20px;
}

.thumbs img{
    padding: 0px;
    width: 250px;
    border: solid white;
    border-width: 10px 10px 40px;
}

.bigImage{
    text-align: center;
    margin: 40px auto;
    max-width: 1252px;
    border: solid 1px rgb(var(--color-accent1));
    box-shadow: rgb(var(--color-accent1)) 4px 4px 5px;
    overflow: hidden;
}

.arrows{
    text-align: center;
    margin: 40px auto;
    max-width: 3px;
    overflow: hidden;
}