* {
    margin: 0;
    padding: 0;
}

:root {
    --dark: rgb(53, 106, 204);
    --dark-transparent: rgba(53, 106, 204, 0.2);
    --text:  rgb(54, 69, 79);
    --light: rgb(228, 232, 240);
    
}

@font-face {
    font-family: 'Mayorice';
    src: url('font/Mayorice.ttf') format('truetype');
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 4rem;
}

.page {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100vh - 13rem);
    overflow-y: scroll;

    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    h2 {
        margin-top: 5rem;
        font-size: 42px;
        margin-bottom: 5rem;
    }

    h3 {
        margin-bottom: 2rem;
        font-size: 32px;
    }

    p {
        text-align: justify;
        font-size: 16px;
        line-height: 32px;
        max-width: 66%;
    }
}