/*
Theme Name: Lifestyle Blogging Pro
Theme URI: https://www.ovationthemes.com/products/lifestyle-wordpress-theme/
Author: Ovationthemes
Author URI: https://www.ovationthemes.com/
Description: As far as a blogging website is concerned, this Lifestyle WordPress Theme is designed to cater to lifestyle blogs and fashion blogs really well. Its highly flexible design and customization options will allow you to use it for your multiple blogs that might be related to travel, food, adventure, and more. With blogging playing an important role in the digital marketing world for businesses, many digital marketing companies and businesses are also bringing blogs for popularizing their services. This theme does the job really well by bringing in impressive blogs and provides a translation-ready design to make the blog content available in various languages.
Version: 0.4
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 5.4
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: lifestyle-blogging-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments

There is a lot more you can get with this theme. Its slider is super impressive and displays crisp images of your work on the screen. There is a finely designed product page as well for you to show your designer outfits 

/* Basic Style */

.bypostauthor {
  font-weight: 600;
}

/*--------- Site Loader --------------*/

.preloader {
  background: #fff;
  display: flex;
  height: 100%;
  width: 100%;
  left: 0;
  bottom: 0;
  top: 0;
  position: fixed;
  z-index: 99999;
}
.load{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:100px;
  height:100px;
}
.load hr{
  border:0;
  margin:0;
  width:40%;
  height:40%;
  position:absolute;
  border-radius:50%;
  animation:spin 2s ease infinite;
}
.load :first-child{background:#dab768;animation-delay:-1.5s}
.load :nth-child(2){background:#dab768;animation-delay:-1s}
.load :nth-child(3){background:#dab768;animation-delay:-0.5s}
.load :last-child{background:#dab768}

@keyframes spin{
  0%,100%{transform:translate(0)}
  25%{transform:translate(160%)}
  50%{transform:translate(160%, 160%)}
  75%{transform:translate(0, 160%)}
}