/* body {
background:#ffffff;
margin:0;
padding:0;
font:12px arial, Helvetica, sans-serif;
color:#222;
} */
body {
  font-family: Arial, Helvetica, sans-serif;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 50% 18%, rgba(44, 123, 195, 0.95) 0 19%, transparent 19.5%),
    radial-gradient(circle at 50% 18%, rgba(27, 99, 174, 0.88) 0 31%, transparent 31.5%),
    radial-gradient(circle at 50% 18%, rgba(18, 79, 158, 0.82) 0 43%, transparent 43.5%),
    radial-gradient(circle at 50% 18%, rgba(15, 66, 145, 0.78) 0 56%, transparent 56.5%),
    linear-gradient(180deg, #17328d 0%, #0d2974 100%);
  background-color: #102f86;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 30%, rgba(255, 255, 255, 0.05), transparent 24%),
    radial-gradient(circle at 85% 20%, rgba(255, 255, 255, 0.04), transparent 22%),
    radial-gradient(circle at 50% 90%, rgba(255, 255, 255, 0.03), transparent 25%);
}

.p5 {height:1px;padding:2px 0;clear:both;}

.gallery {
position:relative;
overflow:hidden;
width:70%;
margin:10px auto;
padding:20px;
background:#a0b9daa6;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

.gallery a:link,
.gallery a:active,
.gallery a:visited {
color:#555;
outline:0;
text-decoration:none;
}

.gallery a:hover {color:red;}

.gallery img {border:0;}
.gallery .float-left {float:left;}
.gallery .float-right {float:right;}
.gallery .clear {clear:both;}
.gallery .clearb10 {padding-bottom:10px;clear:both;}

.gallery .titlebar {
height:22px;
line-height:22px;
margin:0 5px;
}

.gallery .title {
font-size:18px;
font-weight:400;
}

.gallery .thumb-album {
overflow:hidden;
width:150px;
height:150px;
float:left;
margin:8px;
padding:5px;
background-color:#222;
color:#bbb;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.gallery .thumb-album a {color:#bbb;}

.gallery .thumb-album:hover {
background-color:#fff;
color:#333;
}

.gallery .thumb-album a {color:#bbb;}
.gallery .thumb-album:hover a {color:#444;}

.gallery .thumb {
overflow:hidden;
float:left;
width:150px;
height:140px;
margin:8px;
background-color:#444;
border:5px solid #222;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
}

.gallery .thumb:hover {
border:5px solid #f6f6f6;
}

.gallery .thumb-wrapper {
width:100%;
height:110px;
overflow:hidden;
}

.gallery .thumb-wrapper img {height:auto;}

.shadow {
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
box-shadow: 0px 1px 5px 0px #4a4a4a;
}

/***** pagination style *****/
.gallery .paginate-wrapper {
padding:10px 0;
font-size:15px;
}

.gallery a.paginate {
color:#555;
padding:0;
margin:0 6px;
text-decoration:none;
font-size:15px;
}

.gallery a.current-paginate,
.gallery a.paginate:hover {
color:#333;
font-weight:700;
padding:0;
margin:0 6px;
text-decoration:none;
font-size:15px;
}

.gallery a.paginate-arrow {
text-decoration:none;
border:0;
}