*,body,html{margin:0;padding:0}header .h1,main{text-align:center}.container,body,figure,header,html,main{display:flex}figure,p{width:800px;margin:20px auto}footer,header{grid-column:1/-1}footer,main{color:#fff;border-radius:10px}footer,header,main{border-radius:10px}*{box-sizing:border-box}figure.background-figure{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;margin:0}figure.background-figure img{width:100%;height:100%;object-fit:cover;filter:brightness(.5)}body,html{height:100%;flex-direction:column;align-items:center}.container{width:100%;flex-direction:column;align-items:center}header{background-image:url(raccoon.webp);background-blend-mode:overlay;background-repeat:no-repeat;background-position:right 20% top 31%;background-size:cover;color:#14568a;padding:50px;align-items:center;justify-content:flex-end;width:95%}ul.navigation{background:rgba(9,68,179,.6);position:relative;top:60px;right:500px;margin-left:10px}h1,header .h1{background:rgba(255,255,255,.6);border-radius:5px;padding:10px}ul.navigation>li{position:relative;display:inline-block}ul.navigation>li a{color:gold;text-decoration:none;margin-right:8px;font-size:20px;font-weight:700}ul.navigation>li a:hover{text-decoration:underline}main{width:100%;margin:20px 0;background:rgba(0,0,0,.7);padding:20px;flex-wrap:wrap;flex-direction:column}header .h1{margin:10px auto}figure .figcaption,p{background:rgba(0,0,0,.5);text-align:center}h1{text-align:center}figure{flex-direction:column;align-items:center}figure .img{width:100%;border-radius:5px}figure .figcaption{width:100%;padding:10px;color:#ddd;font-size:14px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}p{padding:15px;font-size:16px;line-height:1.5;border-radius:5px}footer{text-align:center;background-color:#255579;padding:10px}footer p a{color:#fbfe43}footer p a:hover{color:#c4fdea}