@import url('https://fonts.googleapis.com/css2?family=Swanky+and+Moo+Moo&display=swap');

/*=============== Color definition (Light to dark) =======================*/
:root{
  --dust-grey: #dad7cdff;
  --dry-sage: #a3b18aff;
  --fern: #588157ff;
  --hunter-green: #3a5a40ff;
  --pine-teal: #344e41ff;
  }
/*============= Html tags ==========================*/

body {
  background-color: var(--pine-teal);
  color: var(--dust-grey);
  font-family: "Swanky and Moo Moo";
}
p{
  font-size: 30px;  
}


/* =============== Fonts ================*/
.swanky-and-moo-moo-regular {
  font-family: "Swanky and Moo Moo", cursive;
  font-weight: 400;
  font-style: normal;
}


/* ================ Alignment Stylization  =============*/

.container{
    display: flex;
    flex-direction: column;    
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  
.container img {
    max-width: 100%;
    height: auto;
    flex: 1 1 auto;
    object-fit: cover;
  }
  
.paragraph_central {
    display: flex;
    max-width: 75%;
    height: auto;
    flex: 1 1 auto;
  }
  
/* ============== Text stylization ================== */ 

.crazy_text{
  
  }
  
.big_text{
  
  }
  
.lazy_text{
  
  }

.excited_text{
  
  }