@font-face {
    font-family: 'Terminal';
    src: local('Courier New'), monospace;
}

body {
    background-color: #303948;
    color: #FFFFFF;
    font-family: 'Terminal', monospace;
    margin: 0;
    padding: 20px;
    overflow-x: hidden;
    line-height: 1.4;
}

.terminal {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.line {
    margin-bottom: 0.8em;
    opacity: 0;
    animation: type 0.5s forwards;
    animation-delay: calc(var(--delay) * 0.2s);
    text-align: justify;
}

.logo-line {
    text-align: center;
    margin: 2em 0;
    opacity: 0;
    animation: fadeIn 1s forwards;
    animation-delay: 0.8s;
}

.logo {
    width: 165px;
    height: 60px;
}

.links {
    margin: 1.5em 0;
}

.link-item {
    word-break: break-all;
    margin: 0.5em 0;
    opacity: 0;
    animation: fadeIn 0.5s forwards;
    animation-delay: calc(var(--delay) * 0.2s + 1s);
    color: #3cbef2;
}

.content-section {
    margin: 2em 0;
    border-left: 1px solid #3cbef2;
    padding-left: 1em;
}

.content-section .line:first-child {
    color: #3cbef2;
    font-weight: bold;
    margin-bottom: 1em;
}

.accent {
    color: #3cbef2;
}

.cursor {
    display: inline-block;
    background-color: #FFFFFF;
    animation: blink 1s infinite;
    width: 8px;
    height: 1.2em;
    vertical-align: middle;
    margin-left: 2px;
}

@keyframes type {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.line:nth-child(1) { --delay: 1; }
.line:nth-child(2) { --delay: 2; }
.line:nth-child(3) { --delay: 3; }
.line:nth-child(4) { --delay: 4; }
.line:nth-child(5) { --delay: 5; }
.line:nth-child(6) { --delay: 6; }

.link-item:nth-child(1) { --delay: 1; }
.link-item:nth-child(2) { --delay: 2; }

.content-section .line {
    --delay: 7;
}

.content-section:nth-child(1) .line { --delay: 8; }
.content-section:nth-child(2) .line { --delay: 9; }
.content-section:nth-child(3) .line { --delay: 10; }
.content-section:nth-child(4) .line { --delay: 11; }
.content-section:nth-child(5) .line { --delay: 12; }
.content-section:nth-child(6) .line { --delay: 13; }
.content-section:nth-child(7) .line { --delay: 14; }
.content-section:nth-child(8) .line { --delay: 15; }
.content-section:nth-child(9) .line { --delay: 16; }
.content-section:nth-child(10) .line { --delay: 17; }
.content-section:nth-child(11) .line { --delay: 18; }

.line:nth-last-child(4) { --delay: 19; }
.line:nth-last-child(3) { --delay: 20; }
.line:nth-last-child(2) { --delay: 21; }