style.css

:root {
    /* Fonts */
    --header-font: "Montserrat", sans-serif;
    --body-font: "Montserrat", sans-serif;

    /* Kronicle color palette */
    --orange: #ff7d1a;
    --darker-orange: #eb6701;
    --peach: #fedbcd;
    --background: #fffaf8;
    --light-beige: #f8ece8;

    /* Border radius */
    --border-radius-xxs: 6px;
    --border-radius-xs: 8px;
    --border-radius-s: 12px;
    --border-radius-m: 24px;
    --border-radius-l: 32px;
    --border-radius-xl: 42px;
    --border-radius-xxl: 54px;
}

body {
    background-image: linear-gradient(rgba(243, 226, 199, 0.8), rgba(243, 226, 199, 0.8)), url("https://i.ibb.co/CQz6mhv/svt-banner.jpg");
    background-size: cover;
}

h1 {
    font-size: 2.5rem;
    color: black;
    text-align: center;
}


button {
    width: 20%;
    height: 50px;
    padding: 10px;
    border: none;
    background-color: var(--orange);
    color: white;
    border-radius: 100px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
}

.btn-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

button:hover {
    background: var(--darker-orange);
}