@font-face {
    font-family: 'BerkeleyMono';
    src: url('BerkeleyMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BerkeleyMono';
    src: url('BerkeleyMono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'BerkeleyMono';
    src: url('BerkeleyMono-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'BerkeleyMono';
    src: url('BerkeleyMono-Bold-Oblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

body {
    background: #0E0E0E;
    margin: 0;
    padding: 0;
}

.main-container {
    font-family: 'BerkeleyMono', sans-serif;
    color: #D9D9D9;
    position: relative;
    top: 20px;
    left: 20px;
    text-shadow: 0 0 5px rgba(217, 217, 217, 0.3);
    max-width: calc(100vw - 40px);
    word-wrap: break-word;
}

.main-container p {
    margin: 0;
    padding: 0;
}