html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: arial;
    color: #fff;
}

body{
    margin-bottom: 30px;
}

.top{
    padding-top: 20px;
}


.menu{
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu li{
    color: #fff;
    display: inline-block;
}

.menu li a, .menu li a:visited{
    color: #fff;
    text-decoration: none;
    font-size: 1.2rem;
}

.menu li a:hover{
    text-decoration: underline;
}

.menu li:not(:last-child):after{
    content: '|';
    color: #999;
    padding: 0 10px;
}


body{
    background: #143348;
}

.container{
    margin: 0 auto;
    display: block;
    max-width: 1250px;
}

img.photo {
    box-shadow: 0 0 10px 0 #0f2535;
    border-radius: 2px;
    display: inline-block;
    max-width: 1200px;
    max-height: 100vh;
    max-width: 600px;
    max-width: 100%;
    max-height: 100%;
}

img.photo:hover{
    box-shadow: 0 0 1px 0 #fff;
}

h1{
    text-shadow: 1px 1px 1px #ccc;
    margin: 0;
    padding: 0;
}

a, a:visited{
    color: #fff;
    text-decoration: none;
}

.pagination{
    margin-top: 10px;
}

.pagination a{
    display: inline-block;
    font-size: 1.3rem;
    padding: 4px 14px;
    margin: 3px;
    background: #0f2535;
}

.pagination a.act{
    background: #eee;
    color: #333;
}