:root {
    --title-color: #241F21;
    --text-color: #3E3E3E;
  }

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Paytone One';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/paytone-one-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* ubuntu-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }


body{
    margin: 0px;
}

.section{
    background-color: #eee;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.icon{
    
    width:clamp(3rem, 1.3333rem + 8.8889vw, 8rem);
    color: var(--title-color);
    margin-top: 0rem;
    margin-bottom: 1rem;
}

.title{
    font-family:'Paytone One';
    font-size: clamp(1rem, -0.3333rem + 7.1111vw, 5rem);
    color: var(--title-color);
    margin: 0rem;
    text-align: center;
    line-height: 1;
}

.txt{
    font-family:'Ubuntu';
    font-weight: 200;
    font-size: clamp(0.5rem, 0rem + 2.6667vw, 2rem);
    
    color: var(--text-color);
}

.illu{
    width: 100%;
    max-width: 800px;
}