/*
Theme Name: Adab Unique
Author: Underdog Bytes
Author URI: https://underdogbytes.com
Description: Adab Unique
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: adabunique
Tags: portfolio
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;

  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: light;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.hero {
  height: 100vh;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero__container {
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  padding: 2rem;
  display: flex;
  background-color: #00000099;
}

.hero__content__logo {
  width: 100%;
  max-width: 150px;
  margin: auto;
}

.hero__content {
  width: fit-content;
  height: fit-content;
  margin: auto;
  display: grid;
  text-align: left;
  color: white;
}

.hero__content__title {
  font-size: 4rem;
  line-height: 2.5rem;
}

.hero__content__title i {
  font-family: "Playfair Display", serif;
  font-size: 2rem;
  font-weight: 300;
  font-style: italic;
}

@media screen and (min-width: 900px) {
  .hero__content {
    margin: auto 10%;
  }
}