@font-face {
    font-family: "JetBrains Mono";
    src: url("../assets/fonts/JetBrainsMono-Medium.otf");
}

body {
    background-color: #000000;
    padding: 5%;
    column-gap: 10%;
}

canvas {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: -1;
    box-sizing: border-box;
}

.blurred_rect,
.blurred_rect_border {
    margin: 5%;
    backdrop-filter: blur(16px);
    background-color: #2b2b2b2b;
    border-radius: 32px;
    padding: 32px;
    box-sizing: border-box;
    shape-rendering: geometricPrecision;
    color-rendering: optimizeQuality;
    overflow: hidden;
}

.blurred_rect_border {
    border: 2px solid #2b2b2b;
}

.nowrap_text {
    margin: 0;
    font-family: "JetBrains Mono", monospace;
    white-space: nowrap;
    display: block;
    line-height: 1;
    color: lime;
    width: 100%;
}