@charset "UTF-8";

/*!
 * Pico CSS ✨ v2.0.6 (https://picocss.com)
 * Copyright 2019-2024 - Licensed under MIT
 */
/**

/* /////////////
/// Padding ///
////////////*/

.padding-xmsmall-trbl {
  padding: .25rem;
}

.padding-small-trbl {
  padding: .5rem;
}

.padding-medium-trbl {
  padding: 1rem;
}

.padding-large-trbl {
  padding: 1.5rem;
}

.padding-xlarge-trbl {
  padding: 2rem;
}

/* /////////////////
/// Hero Styles ///
////////////////*/

.hero {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 20px;
  box-sizing: border-box;
}

/* @media screen and (max-width: 450px) { */
/*   .hero { */
/*     height: auto; */
/*     width: 100%; */
/*     display: block; */
/*   } */
/**/
/*   .hero-img { */
/*     height: 50%; */
/*     width: 100%; */
/*     display: block; */
/*   } */
/**/
/*   .hero-title { */
/*     position: relative; */
/*     margin-top: .5rem; */
/*     margin-left: .5rem; */
/*   } */
/* } */

.hero-img {
  height: 70vh;
}

.hero-title {
  position: absolute;
  margin-top: .5rem;
  margin-left: .5rem;
}