@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*
#F7F1E1
#2E0A0B
#4C362D
#657F5D
#1E3A2B
#130D19
#14171F
*/

:root{
    --cream: #F7F1E1;
    --aub: #2E0A0B;
    --dgreen: #1E3A2B;
    --lgreen: #657F5D;
    --teal: #163b33;
    --dblue: #130D19;
}


* {
    font-family: 'Poppins', sans-serif;
}

body{
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at top left, var(--cream) 0, var(--teal) 60%);
    color: var(--cream);
}

.wrapper{
    text-align: center;
    padding: 2rem;
    position: relative;
}


.color{
    position: absolute;
    z-index: -1;
    background-color: 
        radial-gradient(circle at 15% 20%, var(--dgreen) 0, transparent 55%),
        radial-gradient(circle at 80% 20%, var(--lgreen) 0, transparent 55%),
        radial-gradient(circle at 40% 85%, var(--dgreen) 0, transparent 60%);
    opacity: .45;
    filter: blur(4px);
}

 h1 {
      font-size: clamp(2.5rem, 5vw, 3.5rem);
      margin-bottom: 0.5rem;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }