:root{--shadow-black:#00000030 0 1px 3px,#00000091 0 1px 2px;--pico-primary:#01ffcf;--pico-primary-hover:#e3f2ff}
a{text-decoration:none}
body{font-family:'Nunito',var(--pico-font-family)}
body > header{padding-block:0}
header{border-bottom:1px solid #111;background-color:#00000026}
header .top{padding:1.5rem 0;margin-bottom:1rem;box-shadow:#00000070 0 3px 6px,#0000004a 0 3px 6px;background-color:#212429}
header .top .container{width:90%;max-width:90%}
div.container{width:80%;padding-left:.75rem;padding-right:.75rem}
.brand{display:flex;align-items:center}
.brand a img,.brand a{display:block}
.search form input{border-radius:1rem;padding-left:2.75rem;border-width:3px;margin-bottom:0}
.search form{position:relative}
.search form svg{position:absolute;left:1rem;bottom:30%}
.categories{text-align:right}
.top .grid{max-width:90%;margin:0 auto}
.the-tags .container{position:relative}
.top-links{margin:0;padding:0;list-style:none}
.top-links li,.show-links ul li{display:inline-block;margin:0 0 1rem}
.top-links li,.show-links ul li,.image .the-tags a{display:inline-block;margin:.25rem;padding:.25rem .75rem;background-color:#24272d;border-radius:5px;box-shadow:var(--shadow-black);font-size:.7em;text-transform:capitalize}
.image .the-tags{text-align:center}
.top-links li a,.show-links li a{display:block}
.top-links li:last-child a b{rotate:90deg;display:inline-block;margin-left:3px}
header .top-links{font-size:90%;text-align:center}
li.cat_now{border-left:2px solid;border-right:2px solid}
li.cat_now a{color:#fff}
.show-links{display:none;margin-top:.75rem}
.show-links ul{margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,1fr);width:100%}
.top-links li:last-child a b.rot{rotate:-90deg}
.wallpages{margin-top:1rem;text-align:center}
.wallpages nav,.wallpages nav ul{display:block;padding:0 .25rem}
.wallpages ul li{display:inline-block;margin-right:.5rem;padding:.5rem}
.wallpages ul li a{display:flex;align-items:center;font-size:85%;color:#d9d6d6;padding:.25rem .75rem;background-color:#00000094}
.wallpages ul li a:hover,.wallpages ul li.current a{color:var(--pico-primary);border-bottom:2px solid var(--pico-primary)}
.wallpages ul li a svg{display:inline-block;width:.8rem;height:.8rem;margin-right:.2rem}
.main-title{margin-top:2rem}
.main-title h1{font-size:1.35rem;font-weight:600;border-left:.25rem solid var(--pico-primary);padding:.25rem .25rem .35rem .35rem;display:inline-block;border-radius:5px 0 0 5px}
.wallpapers.grid{grid-template-columns:repeat(4,1fr);grid-column-gap:0;grid-row-gap:0}
.wallpapers div.box{position:relative;padding:.5rem;overflow:hidden}
.wallpapers div.box:hover{background-color:#d0d0d02e;border-radius:5px;box-shadow:var(--shadow-black)}
.wallpapers div.box img{display:block;aspect-ratio:16/9;width:100%;object-fit:contain;-webkit-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;font-size:.7rem}
.wallpapers div.box img:hover{transform:scale(1.166)}
.wallpapers div.box a{display:block;overflow:hidden;border-radius:5px;position:relative}
.wallpapers div.box .name{position:absolute;width:100%;left:0;top:0;padding:.5rem}
.wallpapers div.box .name span{display:block;overflow:hidden;text-overflow:ellipsis;padding:.25rem .75rem;border-radius:4px 4px 0 0;white-space:nowrap;font-size:.7rem;opacity:0;color:#f7f8f9;-webkit-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;background-color:#000000ab}
.wallpapers div.box:hover .name span{opacity:1}
.wallpapers div.box .meta{position:absolute;bottom:.7rem;width:32px;height:24px;background:#00000069;display:flex;align-items:center;border-radius:5px;font-size:.575em;color:#f7f8f9}
.wallpapers div.box .meta svg{display:block;margin:0 auto;cursor:pointer;width:14px;height:14px}
.wallpapers div.box .meta svg:hover{color:var(--pico-primary)}
.wallpapers div.box .meta.love{left:.75rem}
.wallpapers div.box .meta.view{left:2.4rem}
.wallpapers div.box .meta.pixel{right:.5rem;width:auto;padding:0 .35rem;bottom:.5rem;border-radius:5px 0 5px 0}
div.box a span{background-size:cover;background-position:center;filter:blur(15px);position:absolute;width:100%;height:100%;z-index:-1}
.image .detail{max-width:800px;margin:0 auto}
.image .main-title{max-width:800px;margin:2rem auto 0}
.image .info{margin:.35rem 0 1.5rem}
.image .big{position:relative}
.image .big img{display:block;border-radius:5px;box-shadow:var(--shadow-black);aspect-ratio:16/9;object-fit:contain;background-color:#6a6a6a1c}
.image .big span.res{position:absolute;right:0;bottom:0;font-size:.65rem;font-weight:600;padding:.25rem .65rem;background-color:#00000085;border-radius:5px 0 5px 0}
.social a,.save a{font-size:.75rem;color:var(--pico-dropdown-color);display:inline-block;line-height:0;padding:.45rem;border-radius:.4rem;background-color:#373737;box-shadow:var(--shadow-black);margin:0 .1rem}
.social a:hover,.save a:hover{color:var(--pico-primary)}
.social a svg{width:16px;height:16px}
.save{text-align:right}
.save a{display:inline-flex;align-items:center;padding:.45rem .75rem}
.save a svg{width:.8rem;height:.8rem;margin-right:.25rem}
.detail .text{font-size:.8rem}
.related{margin-top:5rem}
.related h2{font-size:1rem;font-weight:600}
.thepage > div,.main-title p{max-width:900px}
.thepage :where(h1,h2,h3,h4,h5){font-weight:500}
footer{margin-top:5rem;box-shadow:#00000070 0 3px 6px,#0000004a 0 3px 6px;background-color:#212429}
.foot{padding:1rem 0}
.foot ul{margin:0 0 .5rem;padding:0;text-align:center}
.foot ul li{list-style:none;display:inline-block;font-size:.85rem}
.foot ul li::after{content:"-";margin:0 .25rem 0 .5rem}
.foot ul li:last-child::after{content:""}
.foot ul li a{color:#d9d7d8}
.foot ul li a:hover{color:var(--pico-primary)}
.foot p{text-align:center;font-size:.75rem;font-weight:100}
.page_404{margin-bottom:20rem}
.pagination{margin-top:2rem;text-align:center;font-size:.85em}
.pagination a{display:inline-block;padding:0 .25rem}
.no-result,.spaces{margin-bottom:20rem}
.contact .fail{color:#dc143c}
.contact .done{color:green}
.contact form :where(input,select,textarea){margin-bottom:0}
@-webkit-keyframes rotating {
from{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes rotating {
from{-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.rotate,.rotate::before{-webkit-animation:rotating .75s linear infinite;-moz-animation:rotating .75s linear infinite;-ms-animation:rotating .75s linear infinite;-o-animation:rotating .75s linear infinite;animation:rotating .75s linear infinite}
@media (max-width: 1366px) {
div.container{width:90%;max-width:90%}
.wallpapers.grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 992px) {
div.container{width:100%;max-width:100%}
}
@media (max-width: 844px) {
.wallpapers.grid{grid-template-columns:repeat(2,1fr)}
.top .grid div{text-align:center}
.brand a{margin:0 auto}
}
@media (max-width: 428px) {
.wallpapers.grid{grid-template-columns:repeat(1,1fr)}
.show-links ul{grid-template-columns:repeat(3,1fr)}
}