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

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

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    min-height: 100vh;
    min-height: 100svh;
    min-height: 100dvh;
    position: relative;
    background: linear-gradient(155deg, #c8c6e6 0%, #a8d9f5 100%);
}

.brand {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    font-family: 'Poiret One', cursive;
    font-size: clamp(28px, 4vw, 58px);
    letter-spacing: 0.08em;
    color: rgba(35, 35, 70, 0.55);
    text-align: center;
}