theme d

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>themed</title>

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">

<style>

body{
background-color: #fff;
background-image: url('');
font-family: 'Caveat', cursive;
}

#all{
background-color: #D7D3CB;
margin: 0 auto;
width: 425px;
padding: 5px 10px 5px 10px;
}

#header{
margin: 5px 0px -5px 0px;
font-weight: normal;
font-size: 36px;
text-align: center;
color: #b0aca2;
}

.container{
background-color: #fff;
box-shadow: 3px 3px 2px #827e75;
border-width: 10px 10px 0px 10px;
border-style: solid;
border-color: #fff;
width: 395px;
margin: 15px auto;
}

.picture{
width: 395px;
}

.caption{
padding: 2px 0px 10px 0px;
margin: 0px;
font-size: 18px;
color: #52504a;
}

::-webkit-scrollbar{
width: 8px;
}

::-webkit-scrollbar-track{
background-color: transparent;
}

::-webkit-scrollbar-thumb{
background-color: #D7D3CB;
}

#credit{
font-size: 14px;
position: fixed;
bottom: 0;
right: 0;
}

a{
color: #b0aca2;
text-decoration: none;
}

a:visited{
color: #b0aca2;
}

a:hover{
font-style: italic;
font-weight: bold;
}

a:active{
font-style: italic;
font-weight: bold;
}

</style>

</head>

<body>

<div id="all">

<h1 id="header">Photo Log 2022</h1>

<!-- each container div = one polaroid. replace the image URLs with your own and add more divs accordingly ^_^ -->

<div class="container">
<img src="https://i.imgur.com/htjvVce.jpg" class="picture">
<p class="caption">caption here</p>
</div>

<div class="container">
<img src="https://i.imgur.com/0BQ2lfb.jpg" class="picture">
<p class="caption">caption here</p>
</div>

<div class="container">
<img src="https://i.imgur.com/29JVDTM.jpg" class="picture">
<p class="caption">caption here</p>
</div>

<div class="container">
<img src="https://i.imgur.com/7wX80NQ.jpg" class="picture">
<p class="caption">caption here</p>
</div>

<div class="container">
<img src="https://i.imgur.com/tR0a4x0.jpg" class="picture">
<p class="caption">caption here</p>
</div>

</div>

<div id="credit"><a href="https://repth.neocities.org/index.html">©repth</a></div>

</body>

</html>