a {
    text-decoration: none;
}
    
a:hover {
    color: #0FA0CE;
}

nav {
    margin-bottom: 2.5em;
}

.navstyle{
    font-size: 1.5rem;
    color: dimgray;
}

body {
	background: rgb(35, 34, 42);
    color: rgb(255, 255, 255);
}

/*
#ch {
    display: none;
}

#ch:checked ~ .content {
    display: block;
}

#ch:checked ~ label {
    display: none;
}

.content {
    display: none;
}*/

[id^="ch"] {
    display: none;
}

[id^="ch"]:checked ~ [id^="content"] {
    display: block;
}

[id^="ch"]:checked ~ label {
    display: none;
}

[id^="content"]{
    display: none;
}


label {
    display: inline-block;
    cursor: pointer;    
}



header, .Footer{
    text-align: center;
}

img, video{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    height: auto;
}

.Footer{
    color: lightgray;
    font-size: 1.1rem;
}

.landscapes img{
    display: inline-flex;
}

.caption{
    font-size: 0.85em;
    text-align: center;
    padding-top: 0;
}

.title{
    font-family: Arial;
    font-size: 1.9rem; 
    line-height: 1.5;  
    letter-spacing: -.05rem;
}