@charset "UTF-8";

@font-face {
    font-family: "First Coffee";
    src: url("../fonts/FirstCoffee.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "First Coffee", sans-serif;
    color: white;
    background-color: rgb(43, 42, 42);
    margin: 0;
    min-height: 100vh; 
    display: flex;
    justify-content: center;    
    align-items: center;
    position: relative
}

body::before {
  content: "";
  background: url(../assets/GpwNJxtaYAENjlL.jpg);
  background-position: center;
  background-size: cover;
  position: absolute;
  inset: 0;
  filter: blur(2px);
  z-index: -1;
}

h1 {
  font-size: 4em;
}

@media (max-width: 768px) {
    h1 {
        font-size: 2.5em;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 1.8em;
        padding: 0 1rem;
    }
}