body {
    font-family: 'ithaca', sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    box-sizing: border-box;
    background-color: #EEF2FF;
    overflow-x: hidden;
}

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

.retro-text {
    color: #f8c8b8;
    text-shadow: -2px 2px 0 #FFB650,
                 -4px 4px 0 #FF80BF,
                 -6px 6px 0 #6868AC;
}

.braced-btn {
    background: none;
    border: none;
    color: gray;
    cursor: pointer;
    font-family: monospace;
    padding: 0;
    margin: 0;
    line-height: 1;
    display: inline;
    text-decoration: none;
    vertical-align: middle;
}

.braced-btn::before,
.braced-btn::after {
    color: black;
    font-weight: bold;
}

.braced-btn::before {
    content: "[";
    margin-right: 1px;
}

.braced-btn::after {
    content: "]";
    margin-left: 1px;
}

.braced-btn:hover {
    color: red;
}