body{
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAT0lEQVQYV2N89+7dfyEhIUYGPACkBqwAn2KYHNwkbIqRxVCsRJZA14jhNpACkHPQ3U2ewrt37/5XVlbG6kG4iciKYCGF4RlsitAVMxIb4ABjV0edxqjJlQAAAABJRU5ErkJggg==) repeat;

}

#header{
    font-family: 'Montserrat', sans-serif;
    font-family: 'Poiret One', cursive;
    text-align: center;
    margin: 25px 0px;
}

section {
    font-family: 'Thasadith', sans-serif;
    background-color: rgba(255,255,255,0.7);
    padding: 1em;
    border-radius: 1em;
    box-shadow: 2px 2px 30px #DDD;
    margin-bottom: 20px;

}

h2, h3 {
font-family: 'Poiret One', cursive;
}

h3 {
    color: #444;
    font-size: 1.5em;

}

li a {
    display: inline-block;
    padding-right: 10px;
    font-weight: bold;
}

img {
    width: 300px;
    max-width: 100%;
    cursor: pointer;
///    transition: 2s;
}
img:target, img:active {
    position: absolute;

    left:0;
    width: 100%;
}

a:link{color:#733799;text-decoration:none;}
a:visited{color:#7c6789;text-decoration:none;}
a:hover{color:#d591ff;text-decoration:underline}