@charset "UTF-8";

/* 
Frostbite 3000 CSS, November 2025
Derived from starfrost.net styles with color tweaks for an icy palette.
*/ 

@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&display=swap');

body /* background gradient */
{
    background: linear-gradient(217deg, rgba(0,120,255,.65), rgba(0,0,0,0) 80.71%),
                linear-gradient(127deg, rgba(0,200,255,.55), rgba(0,0,0,0) 80.71%),
                linear-gradient(336deg, rgba(10,40,90,.7), rgba(0,0,0,0) 80.71%);
    margin: 0;
    padding: 0;
    background-attachment: fixed;
    font-family: 'Arimo', 'HelveticaNeue', 'Helvetica Neue', system-ui, sans-serif
}

/* general utilities */
.blurred { text-shadow: 2px 2px 2px #a0c4ff; }
.centered { text-align: center; }
.padded { padding-left: 13px; padding-right: 13px; }

/* main paragraph styling */
div.main-content { color: #fff; }

div.blogpost { margin: auto; max-width: 60%; }

/* nav bar */
div.grid-container {
    margin: 0;
    padding: 0;
    background-color: #6aa7d4; /* frosty steel-blue */
    text-align: center;
}

/* base grid item */
div.grid-item {
    display: inline-block;
    padding: 6px;
    text-align: center;
    font-size: 24px;
    text-decoration: underline #0d2b4a;
}

div.grid-item:hover { background-color: #5c94bd; }

/* links */
a, a:hover, a:visited { text-decoration: none; }
a { color: #ffffff; }
a:visited { color: #d7f0ff; }
a:visited:hover { color: #bfe7ff; }
a:hover { color: #eef9ff; }

/* headers & weights */
.header { margin: 0; padding: 10px; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 10px; }
h1 { font-size: 44pt; }
h2 { font-size: 36pt; }
h3 { font-size: 28pt; }
h4 { font-size: 24pt; }
h5 { font-size: 20pt; }
h6 { font-size: 16pt; }

.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 { font-weight: 700; }
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }