@import url('src/media.css');
@import url('src/keyframes.css');
@import url('nav.css');
@import url('main.css');
@import url('terminal.css');
* { padding: 0; margin: 0; }
:root {
    --t-bg: rgba(241, 230, 199, 0.904);
    --t-clr: #ff6cdf;
    --c-calculator: rgb(138, 175, 255);
    --b-window: rgba(13, 15, 18, .96);
    --s-windows: 0 30px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(0,0,0,.3);
    --t-valid: #8ee6a8;
    --i-bg: #10131a;
    --i-br: #343b4b;
    --i-bg-c: #0b0d12;
    --i-br-c: #292f3c;
    --i-bg-off: #11141b;
}
body {
    height: 100vh;
    overflow: hidden;
    background-image: url('../images/background.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: var(--t-bg);
    font-family:Arial, Helvetica, sans-serif;
}
::selection {
    color: #fff;
    background-color: rgba(255, 136, 0, 0.952);
}
.FlexCenter { display: flex; flex-direction: column; justify-content: center; text-align: center; }
.FlexCenter { display: flex; justify-content: center; text-align: center; }