————————————-
.site-header {
border-bottom: 5px solid rgba(41 164 214);
background: rgba(255,251,251,0.8981967787114846);
}
.main-navigation-menu a:link, .main-navigation-menu a:visited {
color: #000000;
text-decoration: none;
}
.main-navigation-menu a {
font-family: ‘Raleway’, Tahoma, Arial;
color: #000000;
}
.type-post .wp-post-image {
background: #904B62;
}
.page-title, .entry-title {
font-family: ‘Roboto Condensed’, sans-serif;
}
.footer-wrap {
border-top: 0px solid rgb(48 178 232 / 80%);
background: #fff0;
}
.wrap {
margin-top: 50px;
perspective: 1000px;
perspective-origin: 50% 50%;
}
.cube {
margin: auto;
position: relative;
height: 200px;
width: 200px;
transform-style: preserve-3d;
}
.cube > div {
position: absolute;
box-sizing: border-box;
padding: 10px;
height: 100%;
width: 100%;
opacity: 0.9;
background-color: #000;
border: solid 1px #eeeeee;
color: #ffffff;
}
.front {
transform: translateZ(100px);
}
.back {
transform: translateZ(-100px) rotateY(180deg);
}
.right {
transform: translateX(100px) rotateY(90deg);
}
.left {
transform: translateX(-100px) rotateY(-90deg);
}
.top {
transform: rotateX(-270deg)
translateZ(100px);
}
.bottom {
transform: translateY(100px) rotateX(270deg);
}
@keyframes rotate {
from {
transform: rotateX(0deg) rotateY(0deg);
}
to {
transform: rotateX(360deg) rotateY(360deg);
}
}
.cube {
animation: rotate 20s infinite linear;
}
.wrap:hover .front {
transform: translateZ(200px);
}
.wrap:hover .back {
transform: translateZ(-200px) rotateY(180deg);
}
.wrap:hover .right {
transform: rotateY(-270deg) translateZ(100px) translateX(100px);
}
.wrap:hover .left {
transform: rotateY(270deg) translateZ(100px) translateX(-100px);
}
.wrap:hover .top {
transform: rotateX(-270deg) translateZ(100px) translateY(-100px);
}
.wrap:hover .bottom {
transform: rotateX(270deg) translateZ(100px) translateY(100px);
}
.cube > div {
transition: transform 0.6s ease-in;
}
body {
cursor: url(http://www.ninadementeva.ru/wp-content/uploads/2020/10/mouse8.png), default;
}