body {
background-color:lightblue;
font-family: Candara Light, sans-serif;
white-space: pre-wrap;

background-image: url('sunflowers.jpg'), url('gradientbg1.jpg');
background-repeat: no-repeat;
background-size: cover, 100%100%;
background-blend-mode: soft-light, multiply;
}

.sq {
opacity: 0;
}

.sq:hover {
opacity: 1;
}

.upper {
margin: 0 auto;
display: flex;
width: fit-content;
text-align:center;
}

.logonav {
padding: 0 50px;
filter: drop-shadow(0px 0px 7px white);
}

.nav {
padding: 0 4vw;
}

.thumbs {
width: 240px;
background-image: url('gradientbg1.jpg');
display: inline-block;
padding: 5px;
}


.fact {
background-color: white;
padding: 25px;
margin: 0 auto;
width: fit-content;
max-width: 50vw;
background-image: url('gradientbg.jpg');
background-repeat: no-repeat;
background-size: 100%100%;
}

.bodeh2 {
background-color: white;
padding: 25px;
margin: 0 auto;
width: 790px;
justify-content: center;
background-image: url('gradientbg.jpg');
background-repeat: no-repeat;
background-size: 100%100%;
white-space: wrap;
}

.bodeh {
background-color: white;
padding: 25px;
margin: 0 auto;
width: fit-content;
display:flex;
background-image: url('gradientbg.jpg');
background-repeat: no-repeat;
background-size: 100%100%;
}