*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* font-family: "halyard-text", sans-serif;
font-weight: 400;
font-style: normal;

font-family: "halyard-text", sans-serif;
font-weight: 500;
font-style: normal;

font-family: "halyard-text", sans-serif;
font-weight: 600;
font-style: normal; */



body {
    font-family: sans-serif;
    color: #fff;
}

main {
    width: 100vw;
    height: 100dvh;
    /* background-color: RGB 15 21 25; */
    background-color: rgb(15,21,25);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;

    /* font-family: "Outfit", sans-serif; */
    font-family: "halyard-text", sans-serif; 
    font-optical-sizing: auto;
    font-weight: bold;
    font-style: normal;

}

.logo {
    margin-bottom: 20px;
}

.logo img {
    /* height: 80px; */
    width: clamp(250px, 33vw, 500px);
}

h1 {
    font-size: clamp(32px, 10vw, 96px);
    margin-bottom: 20px;
    letter-spacing: 8px;
}

h3 {
    font-size: clamp(12px, 1.5vw, 28px);
    /* text-transform: uppercase; */
    letter-spacing: 5px;
    line-height: 180%;
    font-weight: normal;
    margin-bottom: 20px;
}

p {
    font-size: clamp(12, 1.5vw, 28px);
    font-weight: normal;
    letter-spacing: 1px;

}

.fixed-bottom {
    /* position: absolute; */
    display: flex;
    /* left:0; */
    /* right: 0; */
    /* bottom:0; */
    /* width: 100%; */
    /* height: 50px; */
    /* background-color: aliceblue; */
}