@font-face {
    font-family: 'Libertinus Serif';
    src: url('./Libertinus_Serif/LibertinusSerif-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Libertinus Serif';
    src: url('./Libertinus_Serif/LibertinusSerif-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Libertinus Serif';
    src: url('./Libertinus_Serif/LibertinusSerif-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Libertinus Serif';
    src: url('./Libertinus_Serif/LibertinusSerif-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Libertinus Serif', 'Times New Roman', serif;
	font-size: clamp(18px, 2.5vw, 28px);
    background: #282828;
	color: #fbf1c7;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    width: clamp(300px, 40vw, 600px);
    transform: translateY(-10vh);
}

/* color: #fbf1c7;
    background: #282828;*/

a:link, a:hover, a:visited {
    color: #458588
}

a:active {
    color: #b16286
}