@import url(https://fonts.bunny.net/css?family=amita:700);

body {
    background: url(https://res.cloudinary.com/ritalbradley/image/upload/v1657644013/pexels-elijah-o_donnell-3473569_o7ohfd.jpg)
        center center/cover no-repeat;
    min-height: 100vh;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}

.h1-gallary {
    color: #fefae0;
    font-family: Amita;
    margin: 20px auto;
    width: 450px;
    font-size: 3rem;
    text-align: center;
    border-bottom: 10px double #bc6c25;
}

.container-gallary img {
    width: 450px;
    height: 300px;
    margin: 10px;
    border: 10px solid #fefae0;
    transition-duration: 1s;

}

.container-gallary img:hover {
    border: 5px solid #fff;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: none;
    filter: none;
}

.container-gallary {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

/* body {
    margin: 0;
    height: 100vh;
    display: grid;
    place-items: center;
    background-color: #010101;
} */
.gallery {
    position: relative;
    width: 300px;
    height: 200px;
    transform-style: preserve-3d;
    animation: rotate 35s linear infinite;
    padding: 70px;
    margin-left: 350px;
    margin-bottom: 200px;
}
@keyframes rotate {
    from {
        transform: perspective(1200px) rotateY(0deg);
   }
    to {
        transform: perspective(1200px) rotateY(360deg);
   }
}
.gallery span {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i) * 45deg)) translateZ(380px);
}
.gallery span img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel {
    margin-top: 70px;
}

.video-player {
    -webkit-box-shadow: inset 0px 0px 80px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 0px 103px 0px rgba(0,0,0,0.75);
    box-shadow: inset 0px 0px 103px 0px rgba(0,0,0,0.75);

}

.avatar {
    vertical-align: middle;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin-top: 100px;
    margin-left: 200px;
  }
  .profile_body{
    background: #fff;
  }